Migrando vuestra página web a HTML5

Hoy en día HTML5 es uno de los temas de los que más se habla en el mundo web y es muy común escuchar hablar de ello en la mayoría de conferencias web y leer sobre ello en la mayoría de libros modernos de HTML o del mundo web en general. Pero, ¿qué es el HTML5? ¿Un lenguaje de programación? ¿Un conjunto de herramientas? ¿Es la panacea para los desarrolladores web?

No responderé en este post a estas preguntas. Simplemente os voy a responder a una de más sencilla: ¿cómo puedo adaptar mi página HTML para convertir-la en una página HTML5?

Escribiré esta entrada al revés: primero la solución y luego el razonamiento para llegar a ella.

Migrar nuestra página a HTML5 es tan sencillo como cambiar su declaración del doctype. Hoy en día tenemos una declaración del tipo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>A simple Lorem ipsum web</title>
  </head>
  <body>
    <p>Lorem ipsum dolor set...</p>
  </body>
</html>

Hemos de reemplazar nuestro doctype por:

<!DOCTYPE html>
<html>
  <head>
    <title>A simple Lorem ipsum web</title>
  </head>
  <body>
    <p>Lorem ipsum dolor set...</p>
  </body>
</html>

Et voilà! Ya tenemos nuestra página migrada a HTML5. Fácil, no? A continuación os explico el porqué.

El doctype es el elemento que marca qué tipo de lenguaje podemos utilizar, qué elementos podemos utilizar para construir nuestras páginas, y por tanto, marca qué tipo de documento es. Si asumimos esto y que HTML5 está construido sobre HTML4, y por lo tanto HTML5 da soporte a todos los elementos y controles del HTML4 y añade nuevas características, podemos ver que esta nueva página es ya una página HTML5. HTML4 es un subconjunto del HTML5, y por lo tanto, cualquier página en HTML4 con el doctype de HTML5 es ya una página en HTML5. Fácil!!

Pero HTML5 tiene un montón de nuevas características que podéis estudiar. Aquí tenéis algunos recursos: