Fonaments del HTML 5
HTML 5 és la primera gran revisió del llenguatge HTML (Hypertext Markup Language), i es va començar a projectar l’any 2008. Pensat com el següent pas al HTML 4 i el XHTML 1.0 (segons la Wikipedia l’actualització d’aquest últim es va aturar), la versió 5 està pensada com un llenguatge molt més semàntic i més propici pel desenvolupament d’aplicacions web.
Tot i que encara està en procés de desenvolupament, ja s’hi han afegit un bon nombre de noves etiquetes. Per a la majoria d’usos quotidians, aquestes etiquetes substituiran molts dels típics div del nostre codi.
Quins són els fonaments?
El DOCTYPE
El DOCTYPE en HTML 5 és el següent:
<!DOCTYPE html>
No es va optar per <!DOCTYPE html5> per evitar peculiaritats amb IE6, així que finalment va quedar com <!DOCTYPE html>
Petit i significatiu, fàcil de recordar.
Elements estructurals
<header>
Representa la secció de la capçalera.
<nav>
Element reservat per a la navegació principal.
<section>
Element per a una secció genèrica de continguts, possiblement situat entre la capçalera i el peu de pàgina (footer). Té el comportament d’un div si no fos per la separació d’una part del document. Dins hi poden niar altres etiquetes section, a banda de qualsevol quantitat d’etiquetes típiques.
<article>
Etiqueta que ens permet definir un fragment de contingut com a article. Ideal per a blocs o diaris.
<aside>
Element que representa el contingut relacionat amb l’àrea principal del document, expressat normalment per les columnes laterals
<footer>
Secció reservada al peu de pàgina.
Exemples d’estructura




