HTML5: El futuro de la Web
Escrito el 22. Jun, 2010 por Cristian Correa Urrutia
¿Qué es HTML5?
HTML5 es una colección de estándares para el diseño y desarrollo de páginas web. Esta colección representa la manera en que se presenta la información en el explorador de internet y la manera de interactuar con ella. HTML5 está siendo desarrollado por Ian Hickson de Google Inc. y David Hyatt de Apple Inc. junto con todas las personas que participan en Web Hypertext Application Technology Working Group.
Beneficios
Existen muchas razones, de las cuales podemos mencionar:
- Empresas como Google, Apple y Microsoft apoyan este estandar.
- Servicios Web como Yotube, Vimeo y Scribd ya se estan cambiando a este estandar
- Permite una mayor interacción entre nuestras páginas Web y contenido media (video, audio, entre otros) así como una mayor facilidad a la hora de codificar nuestro diseño básico.
- Su reprodutor de video no requiere flash o adobe player y es más eficiente ya que ocupa menos recursos en el computador del usuario.
- Es compatible con las versiones anteriores de HTML
- Su API ofrece una varieadad de herramientas que son fundamentales para el futuro de las aplicaciones Web como aplicaciones con caché.
Estructura
Uno como desarrollador Web siempre estructura sus paginas Web dependiendo de sus necesidades, pero generalmente ocupamos los campos o div con los identificadores :header (cabecera), footer (pie de página), sidebar(barra latera), nav (barra de navegación). La W3C, en esta version de HTML, se basó en el diseño más común de las páginas Web alrededor del mundo para llegar a un estándar de etiquetas que realicen las mismas tareas de manera más rápida y eficiente:
Los nuevos elementos estructurales son:
- <header> El elemento de encabezado contiene información de introducción a una sección o página.
- <nav> :El elemento de navegación está reservado para una sección de un documento que contiene enlaces a otras páginas o vínculos a secciones de la misma página.
- <section>: El elemento de la sección representa un documento genérico o sección de aplicación.
- <article>: El elemento artículo representa una porción de una página que puede estar solo, tales como: una entrada de blog donde el usuario envía comentarios o cualquier elemento independiente del contenido.
- <aside>: Representa contenidos relacionados con el área principal del documento. Esto se expresa generalmente en las barras laterales que contienen elementos como enlaces, las nubes de etiquetas, etc.
- <footer>: Este elemento es para marcar el pie de página de la página o sección. (ver imagen: Estructura HTML5)
Estructura HTML5
Elementos como <header> y <footer> no son sólo la intención de representar a la parte superior e inferior del documento actual, pero también representan el <header> y <footer> de cada sección del documento, de la misma manera en que utilizamos <thead> y <tfoot> en tablas HTML.
Los beneficios de usar estos elementos estructurales se debe principalmente al hecho de que son muy bien definidos y proporciona una muy buena manera de estructurar semánticamente el documento.
HTML5 y su API
El W3C ha tomado las mejores partes de las diversas tecnologías Web existentes hasta la fecha:
- Drag & Drop El arrastrar y soltar API define un arrastre basado en eventos y el sistema de gota. Sin embargo, nunca se define lo que “arrastrar y soltar” es. Este API requiere JavaScript para trabajar totalmente normal pensar funcionalidad de arrastrar y soltar.
- Video & Audio Las APIs de audio y vídeo son actualizaciones masivas en los medios de incrustación. Aunque el apoyo se limita en este momento, algo así como la incorporación de vídeo nunca ha sido más fácil:
- Geolocalización: Es una API que se puede utilizar para determinar mediante programación la información de localización a través de agente de un dispositivo de un usuario
- Offline Web Applications: HTML 5 contiene varias características para la creación de aplicaciones web que funcionan sin conexión. Esto abre todo tipo de puertas para el futuro de las apliaciones Web..
Dispositivos móviles
Con Webkit el camino para HTML5, que con seguridad puede centrarse en los dispositivos impulsados por Webkit. Palm Pre iPhone 3G y el nuevo teléfono de Google Android tienen navegadores Web que se basan en el motor de renderizado Webkit, por lo que soportan HTML5.
Estudiante memorista de Ingeniería en Informática USM. Especialista en usabilidad, diseño de sitios Web, optimización SEO , desarrollo Web 2.0 y además de tener experiencia en lenguajes como PHP y ASP.Net. Es un aficionado al Marketing y al Diseño Gráfico. Cristian Correa
