Introducción a HTML5

Sin categoría, Tips de Programación Web 0 Comments

¿Qué es el HTML5?

HTML5 es el nuevo estándar HTML. La versión previa de HTML, la 4.01, apareció en 1999. La web a cambiado muchísimo desde entonces. Aunque HTML5 está aún en desarrollo, los navegadores más importantes incluyen ya muchas de las nuevas características y APIs que introduce la versión 5 de HTML.

HTML 5 es una cooperación entre el World Wide Web Consortium (W3C) y el Web Hypertext Application Technology Working Group (WHATWG).

WHATWG ha trabajado principalmente con formas y aplicaciones, y el W3C con XHTML 2.0. En 2006 decidieron trabajar conjuntamente para crear una nueva versión del HTML.

Algunas de las nuevas reglas establecidas son:

  • Las nuevas características deben basarse en HTML, CSS, DOM y JavaScript.
  • Reducir la necesidad de plugins externos (como Flash, por ejemplo)
  • Mejor manejo de errores
  • Más HiperTexto Markup en lugar de lenguaje scripting.
  • El HTML5 debe ser independiente de cualquier dispositivo
  • El proceso de desarrollo debe ser visible al público

Declaración <!DOCTYPE> del HTML5

La única declaración de tipo de documento en el HTML5 es muy simple:
<!DOCTYPE html>

Documento mínimo HTML5

El documento más pequeño HTML5 que puede generarse es el siguiente:
<!DOCTYPE html>
<html>
<head>
<title>Titulo del documento</title>
</head>

<body>
Aquí va el contenido del documento
</body>

</html>

Nuevas características en HTML5

Algunas de las características más interesantes en el HTML5 son:

  • El elemento <canvas> para dibujo 2D
  • Los elementos <video> y <audio> para ejecutar media
  • Soporte para almacenamiento local
  • Nuevos elementos específicos a contenido, como <article>, <footer>, <header>, <nav> y <section>
  • Nuevos controles de forma, como calendar, date, time, email, url y search

Soporte de Navegadores para HTML5

Aunque el HTML5 no es aún un estándar oficial, y no existe soporte completo aún en los navegadores, los navegadores más usados  (Safari, Chrome, Firefox, Opera, Internet Explorer) siguen incorporando características del HTML5 a sus nuevas versiones.

Elementos nuevos en HTML5

Como sabemos, la internet ha cambiado mucho desde la aparición del estándar 4.0.1 en 1999. Hoy, algunos elementos de esa versión son ya obsoletos, otros no se usaron nunca y otros no se usaron de la manera pretendida originalmente. Todos esos elementos fueron removidos o modificados en el HTML5.

Para el mejor manejo de la internet actual, el HTML5 incluye nuevos elementos para mejorar la estructura, mejor el manejo de formar y el contenido media.

Nuevos elementos semánticos  o de estructura

<article>
<aside>
<bdi>
<command>
<details>
<summary>
<figure>
<figcaption>
<footer>
<header>
<hgroup>
<mark>
<meter>
<nav>
<progress>
<ruby>
<rt>
<rp>
<section>
<time>
<wbr>

Nuevos elementos media

Los nuevos elementos para contenido media en HTML5 son:
<audio>
<video>
<source>
<embed>
<track>

Nuevo elemento <canvas>

<canvas>  es un elemento utilizado para dibujar gráficos rápidamente en la web.
Este elemento es un contenedor de gráficas. Debes utilizar un script para dibujar el gráfico.
Internet Explorer 9, Firefox, Opera, Chrome y Safari dan soporte a este elemento nuevo.

Nuevos elementos de forma

Los nuevos elementos para forma ofrecen mayor funcionalidad:
<datalist>
<keygen>
<output>

Elementos que desaparecen:

Los elementos de HTML 4.0.1 que fueron removidos del HTML5 son:

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>

Para más información consulta esta referencia HTML5.