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.