Fonaments del HTML 5

HTMLHTML 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

Estructura HTML 5

Estructura HTML 5

  • Twitter
  • del.icio.us
  • Facebook
  • Technorati
  • LinkedIn

Deixa un comentari