Migrant la vostra pàgina web a l'HTML5

Avui en dia l'HTML5 és un dels temes que més es parla en el món web i és ben normal escoltar parlar d'ell a la majoria de conferències web i llegir-ne a la majoria de llibres moderns d'HTML o del món web en general. Però, què és l'HTML5? Un llenguatge de programació? Un conjunt d'eines? És la panacea per als desenvolupadors web?

Jo no us respondré pas aquí a aquestes preguntes. Simplement us vull respondre a una pregunta més senzilla: com puc adaptar la meva pàgina HTML per a convertir-la en una pàgina HTML5?

Escriuré aquesta entrada a l'inrevés: primer la solució i després el raonament per arribar a ella.

Migrar la nostra pàgina a HTML5 és tan simple com canviar la seva declaració del doctype. Avui en dia, tenim una declaració de doctype com aquesta:

<!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>

Hem de reemplaçar el nostre doctype per:

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

Et voilà! Ja tenim la nostra pàgina migrada a HTML5! Fàcil, no? Tot seguit us explicaré perquè.

El doctype és l'element que marca quin tipus de llenguatge podeu utilitzar, quins element podeu utilitzar per a construir les vostres pàgines, i per tant, marca quin tipus de document és. Si assumiu això i enteneu que l'HTML5 està construït damunt de l'HTML4, i per tant HTML5 dóna suport a tots els elements i controls de l'HTML4 i hi afegeix noves característiques, podeu veure que aquesta nova pàgina és ja una pàgina HTML5. L'HTML4 és un subconjunt de l'HTML5 i per tant, qualsevol pàgina en HTML4 amb el doctype de l'HTML5 és ja una pàgina en HTML5. Fàcil!!

Però l'HTML5 té un munt de noves característiques que podeu estudiar. Aquí teniu alguns recursos: