La llegada de HTML5, aunque aun sea un borrador, abre las puertas a un nuevo mundo web, o a lo que se podría definir como la web del futuro. Este nuevo concepto en cuanto a la www que nos trae HTML5, se podría resumir en una web más semántica, libre y para todos. En cuanto al pensamiento muchas veces equivocado, que aun no se debería migrar o empezar a crear nuevos diseños y proyectos pensando en HTML5 y CSS3, para mí personalmente es un pensamiento equivocado, ya que en estos momentos disponemos de varias opciones para poder ver nuestra web en cualquier navegador (incluido IE6), bajo el mandato y estructura de HTML5. Como introducción y para ir entrando en materia, estos artículos comenzarán explicando de una manera básica y con ejemplos reales la nueva estructura y nuevas etiquetas que tendremos que utilizar semánticamente en nuestra web, sin abusar tanto como en el pasado de la etiqueta, div id, div class o span para separar las distintas zonas de las que se compone cualquier proyecto o página.
Una vez echa una pequeña presentación de HTML5 comenzarémos en el blog de Fantsal Web a iros explicando el nuevo modelo de trabajo con HTML5 y otros lenguajes como: Javascript, JQuery, JQueryUI, PHP.... que nos ayudaran a entenderlo mejor, iremos haciendo ejemplos y practicas, para que podais ir entendiendo facilmente todos los avances que ya se estan utilizando en torno a la web.
Hoy comenzaremos explicando las etiquetas DOCTYPE y html y su diferencia con versiones anteriores a HTML5
Etiquetas DOCTYPE y html en HTML5
<!DOCTYPE html>
La etiqueta <!DOCTYPE>
en HTML5, es la etiqueta que de alguna manera ha sorprendido gratamente por su sencillez y claridad.
Tanto en HTML4.01 como en XHTML1.0, su sintaxis era compleja y se asimilaba muy poco a lenguaje humano.
Su sintaxis antes de HTML5 era la siguiente:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">