Yapısal işaretleme: anlatmak istediğini kodla, kodlamak istediğini anlat

CSS'nin kendisini yazmak kolay olmasına karşın tasarımlarımızı yaparken CSS'yi kullanmak çoğumuzun muhtemelen alışmış olduğundan biraz daha farklı düşünme şekli gerektirir.

Bir sayfa veya tasarım üzerinde çalışırken "bu buraya gelecek ve bu da buraya gelecek" şeklinde düşünmek yerine, sayfamızdaki bilginin çeşitleri ve bu bilginin yapısı hakkında düşünmemiz gerekir.

En önemli başlığımıza bir <h1> etiketi vermeli; alt başlıklarımızı <h2> etiketleri ile işaretlemeli, vs.; ve paragraflarımızı da paragraf olarak işaretlemeliyiz.

"Yapısal" veya "anlamsal" işaretleme olarak bilinen şey bu.

İçeriğinizi tabloların ve tablo hücrelerinin içine koymaktansa, onları div etiketleri içine yerleştirin. div etikelerinize, onların görünüşlerinden daha ziyade içerik ve/veya işlevini açıklayan bir id veya bir class değeri verin.