Marcarea structurală : codează ce înţelegi, înţelege ce codezi

În timp este simplu să scrii un document CSS, să utilizezi CSS pentru prezentare necesită o gîndire puţin diferită de cea cu care majoritatea din noi s-a obişnuit.

În loc să gîndim "aceasta va fi aici, iar aceea acolo " în timp ce ne ocupăm de o pagină, noi trebuie să ne gîndim la tipurile de informaţie în pagina noastră şi la structura acestei informaţii.

Celui mai important titlu de pe pagină îi alocăm tag-ul <h1>; sub-capitolele sunt marcate cu <h2>, etc.; iar paragraful este paragraf.

Aceasta este cunoscută drept marcare "structurală" sau "semantică".

În loc să plasaţi conţinutul în tabele şi în celule de tabel, plasaţi înăutrul unui element div. Alocaţi acestui element div un id sau o clasă care mai mult descrie conţinutul sau funcţia elementului decît aparenţa acestuia.