html5-etiquetas

El HTML es uno de los lenguajes más utilizado en Internet para la creación de páginas web, actualmente se encuentra en su versión 4.01 mientras que la versión 5 está en pleno desarrollo desde el 2002 pero ya se ha comenzado a obtener información sobre algunas novedades, en esta oportunidad, quiero presentar una de ellas:

Las nuevas etiquetas HTML 5:

  • <article /> elemento que nos permite declarar un trozo del contenido como artículo. Ideal para blogs o periódicos.
  • <aside /> representa un trozo de contenido que se relaciona muy levemente con el resto del contenido.
  • <dialog /> elemento que permite reprensetar conversaciones.
  • <figure /> podrás usarlo para asociar con un caption un contenido incrustado, como por ejemplo gráficos o vídeo.
  • <footer /> Sección de la página para contener información sobre el autor, copyright, etc.
  • <header /> representa a la sección de cabecera.
  • <nav /> representa la sección de la página orientada a la navegación.
  • <section /> elemento que indica que se trata de una sección genérica.
  • <audio /> y <video /> para añadir contenido multimedia.
  • <embed /> es un elemento dedicado para contenido de plugins.
  • <m /> representa el texto marcado.
  • <meter /> usado para representar medidas, por ejemplo el tamaño del disco usado.
  • <time /> usado para mostrar fechas y/o tiempo.
  • <canvas /> usado para mostrar gráficos renderizados en tiempo real, por ejemplo gráficos, juegos, etc.
  • <commnad /> relacionado con los comandos que el usuario puede invocar.
  • <datagrid /> ideal para mostrar un arbol de datos o una tabla tabulada.
  • <details /> muestra información adicionar si el usuario lo demanda.
  • <datalist /> junto con el nuevo atributo list para los <input /> puede ser usado para crear comboboxes.

Una de las etiquetas que más ha resaltado es la etiqueta <video />, la cual permite insertar (embeber) videos en una página con un código muy simple:

<video width="640" height="360" src="/demo/google_main.mp4?2" autobuffer>
<div class="video-fallback">
<br>You must have an HTML5 capable browser.
</div>
</video>

Se nota a simple vista la diferencia con código de HTML 4 que se utiliza actualmente para embeber videos:

Puedes ver una galería de las primeras páginas webs creadas con HTML 5 y también la versión HTML 5 de Youtube. Cabe recordar que estas webs sólo podrán ser visualizadas con los navegadores: Firefox 3.5, Chrome, Safari 4 u Opera 10.

Etiquetas gracias a GeekThePlanet.