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]