Pages Menu
Categories Menu

Posted on 19 Dic, in Code, HTML & XHTML, Tips | 0 comments

Un vistazo a la nueva versión del HTML 5

Un vistazo a la nueva versión del HTML 5

Yo he estado trabajando con HTML 4 desde hace casi una década y en el año 2004 el W3C comenzó a trabajar en la nueva versión del HTML 5. A pesar de que aún se encuentra en desarrollo, ya se cpnocen algunas de sus nuevas bindades orientadas entre otras a la Estructura, Multimedia y Semántica.

El HTML 5 va a introducir una los elementos header, nav, section, article, aside, y footer que harán más sencilla la estructuración de las páginas ya que hoy día la mayoría de las páginas realizadas en HTML 4 tienen en una estructura muy similar en la que se aplicaban ya sea como un ID de un DIV o una claseestos mismos elementos. Con la nueva versión tendríamos algo así.

<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>

Un vistazo a la nueva versión del HTML 5
Un vistazo a la nueva versión del HTML 5

También tendremos, entre otros, dos nuevos elementos que serán video y audio que nos permitirán insertar elementos multimedia de una forma muy sencilla.

<video poster="poster.jpg">
<source src="video.3gp" type="video/3gpp"
media="handheld">
<source src="video.ogv" type="video/ogg;
codecs=theora, vorbis">
<source src="video.mp4" type="video/mp4">
</video>
<audio>
<source src="music.oga" type="audio/ogg">
<source src="music.mp3" type="audio/mpeg">
</audio>
<audio src="music.oga" controls>
<a href="music.oga">Download song</a>
</audio>

En el ejemplo del video se notará que a través del elemento src se pueden colocar diferentes formatos para un mismo archivo para que cada navegador o dispositivo utilice el más adecuado ignorando los otros.

Así que esperemos que pronot se llegue a la versión final y sobre todo que los nuevos navegadores tengan soporte para el HTML 5.

[vía A List Apart]