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).

Únete a la conversación

1 comentario

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

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.