HTML5 con JAVASCRIPT


Post html5 con javascriptComo sabemos Javascript es el único lenguaje script empleado en la web y puesto que todos los navegadores asumirán que se está utilizando Javascript incluso cuando no se declara, el atributo type es innecesario en documentos HTML5.

<script src=”js/scripts.js”></script>

y ahora cuál es el mejor sitio dónde integrar  en HTML5 el código javascript:

Lo hemos situado en la parte inferior del código HTML5, para seguir las mejores prácticas relacionadas con la incorporación de Javascript. La explicación es la velocidad con la que se carga una página. Cuando un navegador encuentra un script, dejará de descargar y mostrar el resto de la página mientras analiza el script lo que resultará en que la página parece que se carga mucho más lentamente cuando hay script incluidos en la parte superior antes de cualquier contenido. En conclusión la mayoría de los script se deberían situal al final de la página y solo se analizarán después que se cargue el resto.

Se debería indicar si se está empleando una biblioteca Javascript que trata con caracteristicas HTML5. Un ejemplo de esto sería http://modernizr.com/, una biblioteca Javascript que detecta características HTML y CSS actuales. Modernizs incluye código que permite elementos HTML5 en versiones más antiguas de IE, por lo que el script de Remy sería redundante.

Para que las nuevas etiquetas de HTML5 sean visibles en versiones más antiguas de IE. La solución es un sencillo Javascript, desarrollado en origen por John Resig y denominado “HTML5 shiv”que nos permite conseguir nuestro objetivo.
<!–[if lt IE 9]>
<script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”></script&gt;
<![endif]–>

Más información:

Fuente:
HTML5 y CSS3 (Manuales Tecnicos (anaya)) [Tapa Blanda]
Alexis Goldstein (Autor), Louis Lazaris (Autor), Estelle Weyl (Autor): http://bit.ly/GRqRkw

Post: Diana Redondo

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s