Vältä <b>ed and <br>eakfast- merkkausta

Mietipä hetki miksi haluat jonkin elementin näyttävän siltä kuin haluat; mitä se tarkoittaa? Merkkauksesi voi ja sen pitäisi välittää sivun tarkoitus jopa jollekin, joka ei edes näe sivuasi. Semanttinen merkkaus tekee sivuistasi käytettävämpiä kaikille, myös hakukoneille.

Kun kursivoit jotakin, teetkö niin koska halua korostaa (emphasize) sitä, <em>, vai koska se on kirjan nimi, <cite>?

Jos jokin asia on lihavoitua, se kannattaa merkitä koodiin <strong>-tägillä.

Jos haluat rivinvaihdon elementin jälkeen, olisi luultavasti parasta merkata se otsikkoelementiksi. Jos se ei ole otsikko, onko se osa class-luokkaa, joka toistuu läpi sivustosi? Jos näin on, käytä CSS-koodia <br>-tägin sijaan.

.foo {display:block}

Jos kaipaat lisätietoja, Tantek Çelikin kirja Bed and BReakfast markup (B&BR) auttanee.