Markup strutturale: codificate quello che intendete, intendete cio' che codificate

Se scrivere CSS è piuttosto semplice, usare i CSS per generare un dato layout richiede un approccio un pò diverso rispetto a quello cui la maggioranza di noi è abituato.

Quando lavoriamo su un layout, invece di pensare a come "questo va qui e quest'altro va qua", dobbiamo concentrarci sul tipo di informazione che vogliamo inserire nella pagina (contenuto) e sulla struttura di quelle informazioni (forma).

Al titolo principale diamo un tag <h1> ; i sottotitoli vengono marcati con un tag <h2> , etc.; e i paragrafi sono paragrafi (<p>).

Questo e' cio' che viene chiamato markup "strutturale" o "semantico".

Invece di mettere il vostro contenuto dentro tabelle e celle, mettetelo in elementi div . Date ai vostri elementi div un id o una class che descriva il loro contenuto e/o funzione, piuttosto che il loro aspetto.