Como todos sabemos HTML5 va a ser el nuevo standar para el desarrollo web; aunque aún está en fase beta es bueno ir conociendo los grandes cambios a los que nos enfrentamos con la nueva versión del lenguaje. Estos son algunos de los cambios principales que se van a producir.
1.- Cambios dentro del contenido de HEAD:
La etiqueta Doctype tiene ahora una esta nueva estructura:
<!DOCTYPE html>
Hay que olvidarse de la antigua estructura:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
La estructura de la etiqueta Charset también cambia ampliamente simplificandose bastante. La nueva estructura es:
<meta charset=”utf-8″>
Simplificación del lenguaje de la página a:
<html lang=”es”>
Se eliminan las etiquetas TYPE, pasando a tener estructuras del tipo:
<link rel=”stylesheet” href=”style.css”>
<script src=”script.js”></script>
2.- Etiquetas eliminadas:
Todas las siguentes etiquetas serán eliminadas dentro de HTML 5
<acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <s>, <strike>, <tt>, <u> and <xmp>
3.- Etiquetas de HEADER y FOOTER:
Hasta ahora eran habituales en la maquetación el uso de dos capas: <div id=”header”> y <div id=”footer”>. Ahora podremos eliminar estas dos capas habituales ya que se han creado para ello dos etiquetas nuevas <header> y <footer> que vendrán a contener nuestros encabezados y piés de página.
4.- El audio y el video aparecen en forma de etiquetas:
Tanto el audio como el video son ya elementos habituales dentro de las páginas, es por ello que salen unas nuevas etiquetas para ellos. En el caso del video la nueva estructura básica que tendremos será:
<video width=”x” height=”y” controls preload=”none” poster=”videoframe.jpg”>
<source src=”video.mp4″ type=”video/mp4″ />
<source src=”video.ogv” type=”video/ogg” />
</video>
Esta etiqueta nos permitirá añadir videos con los codecs ogg (ogv), H.264 (mp4) en el modo nativo de cada navegador a los que habrá que sumar los que soporte cada navegador a mayores.
El audio pasaría a tener la siguiente estructura:
<audio controls>
<source src=”audio.ogg” />
<source src=”audio.mp3″ />
</audio>
Los formatos nativos de audio que permitirá serán: ogg, wav, mp3 y ACC a los que habrá que sumar los codex que contenga cada navegador a mayores.
5.- Otras nuevas etiquetas:
Aparecerán una serie de nuevas etiquetas destinadas a “hacernos la vida más fácil”.
<hgroup>
Se usará para agrupar etiquetas de cabecera (h1, h2, h3…) cuando se vayan a usar títulos y subtítulos para evitar el corte del anidado de la estructura del documento.
<nav>
Etiqueta que se usará para contener los menús de navegación.
<section>
Etiqueta que se usará para marcar una sección genérica de sitio.
