Struktūrinis žymėjimas: koduok, ką turi omeny; turėk omeny, ką koduoji

Nors rašyti paprastą CSS yra lengva, CSS naudojimas tavo išdėstymams reikalauja šiek tiek kitokio mąstymo būdo, nei tas, prie kurio dauguma iš mūsų buvo pripratę.

Vietoj to, kad beprojektuodami puslapį galvotume kažką panašaus į „šis bus čia, o šitas — čia“, mes privalome galvoti apie informacijos rūšis puslapyje ir tos informacijos struktūrą.

Pačią svarbiausią antraštę pažymime <h1> žyme; paantraštės pažymimos <h2> žymėmis ir pan.; o pastraipos yra pastraipos.

Visa tai vadinama „struktūriniu“ arba „semantiniu“ žymėjimu.

Vietoj to, kad turinį sukištum į lentelių langelius, apsiausk juos div elementais. Suteik savo div elementams id arba class, kurie aprašytų turinį ir/ar funkcionalumą, o ne išvaizdą.