HTML5 ha llegado, lo que debes saber
http://csstinderbox.raykonline.com/portfolio.html
Cuando la W3C anunció que iba a trabajar una nueva versión del HTML, para muchos la noticia significó un gran avence en el desarrollo de aplicaciones web y la manera en que navegamos para otros. HTML5 como se le conoce sería la futura version oficial para el desarrollo basada en estándares abiertos. Cargado de nuevas características compitiendo amplia y directamente contra empresas de tecnologías alternativas como Adobe Flash, Microsoft Silverlight, Sun JavaFX, HTML5 vendría a moderar el uso de todas estos complementos que para una web son necesarios.
Es cierto que los nuevos elementos que enriquecen la semantica del lenguaje tales como las etiquetas de navegacion, header, section, aside, o footer nos permitiría desarrollar en un nivel superior aplicaciones y sitios web de una manera menos compleja y más organizada. Algunas de todas estas virtudes de la nueva versión del HTML (HTML5) nos ayudaría con:
* Utilización de plugins gratuitos para reproducir audio y video por medio de etiquetas.
* Elemento <canvas> para los diseños dinámicos.
* Drag and Drop de elementos.
* Historial de navegación en el Ajax.
* API para la geolocalización.
* Network status (online/offline).
* Mayor control de los datos en los formularios.
* Editores mejorados de contenido
* Almacenamiento de datos en el cliente. [teniendo mucho cuidado]
* Web worker threads.
Como se ve, el HTML5 provocar un cambio drástico en el desarrollo, el apoyo a los estándares abiertos que exponen a las tecnologías subyacentes que permitan la integración, la innovación y el desarrollo de aplicaciones y servicios complejos con facilidad.
¿Dónde comenzar?
Si estas interesado en migrar a HTML5, seguramente te encontrarás con las nuevas API, así que ahora no es suficiente simplemente cambiar el doctype de la página en <!DOCTYPE html>. Hay varias etiquetas que se pueden y deben de utilizar por ejemplo:
<details>: Define ols detalles de un elemento
<audio>: Define un streaming de audio embebido en un documento HTML
<article>: Define un artículo
<command>: Define un botón de comando como un radiobutton, una caja de selección o un botón simple
<datagrid>: Define una lista de datos seleccionables
<eventsource>: Define un destino para eventos enviados por un servidor
<canvas>: Define a creación de gráficos manipulables
<figure>: Especifica ilustraciones, imagenes u fotos asociados directamente con una leyenda
<header>: Define o cabecera de una sección de una página
<footer>: Define o pie de página en un documento
<video>: Define la presentación de un video
<output>: Define a salida de diferentes tipos de datos, por exemplo el cálculo efectuado por algun script
<progress>: Define o progresso de una tarea de cualquier tipo
<nav>: Define uma sección de enlaces para navegación
<source>: Define la localización de recursos para elementos de tipo multimedia
Semántica
Esta es la parte que cambia drásticamente ya que determina la manera en que se deben de estructurar los elementos de la página. Dicho visualmente esto:
<nav>
<section>
<article>
<header>
<footer>
<article>
Con el uso de algunas de estas etiquetas se reemplazará el uso de muchos div’s, por ejemplo, en lugar de utilizar <div> se podrá utilizar la etiqueta <header>.
Realmente en este momento dudo que todos los navegadores soporten con exactitud HTML5. Al menos Firefox 3.5, Safari 4 y Chrome 2 ya han iniciado a migrar sus motores para la presentación de esta nueva versión de la web.
Inspirado en Pinceladas da Web
There are currently no comments highlighted.
