Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a HTML 5: Introducción que contiene a Compatibilización con navegadores

Datos de búsqueda

HTML 5

Compatibilización con navegadores

Nuevos elementos y aplicación de estilos

La mayor parte de los navegadores tratan como elementos en línea a los nuevos elementos que deberían ser tratados como bloque. La solución sería aplicar el estilo de bloque a esos elementos en la hoja de estilo:

header, nav, article,
section, header, hgroup,
aside, footer, figure {display:block}

Además, Internet Explorer no soporta los nuevos elementos, y, como consecuencia, no aplica estilos a dichos elementos. La solución pasa por generar los elementos no soportados mediante Javascript:

<script type="text/javascript">
  // Para compatibilidad con navegadores sin soporte HTML 5
  document.createElement('header');
  document.createElement('time');
  document.createElement('nav');
  document.createElement('article');
  document.createElement('section');
  document.createElement('header');
  document.createElement('hgroup');
  document.createElement('aside');
  document.createElement('footer');
</script>

Modernizr

Librería Javascript que permite verificar con facilidad la compatibilidad con características de HTML 5:

  • Mediante CSS: Al cargar añade clases al elemento con características soportadas y no soportadas.
  • Mediante Javascript: dispone de métodos para comprobar la compatibilidad.

También habilita la posibilidad de dar estilos a elementos de HTML 5 en Internet Explorer.

Saber más: Modernizr (enlace externo, en inglés).

Compartir este artículo:

  • Compartir en del.icio.us
  • Compartir en Technorati
  • Añadir a Google Bookmarks
  • Compartir en Google Buzz

Datos del artículo:

Comentarios de la página

Puedes comentar o hacer trackback desde tu propio sitio web.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Hay un comentario a “Compatibilización con navegadores”

eluchina dice:

Fecha de comentario: 2013/09/19 02:22

hola, ya agregue el codigo pero todavia no se ve bien mi pagina, los navegadores donde no se ve es internet explorer y firefox

Hacer un comentario