Структурна розмітка: кодуй так, як думаєш; думай так, як кодуєш

Писати на CSS дуже просто, проте ця справа вимагає мислити про розмітку трохи інакше, ніж багато хто звик.

Замість мислення на зразок "це має бути тут, а це має бути тут", при роботі над макетом розмітки сторінки ми маємо думати про різновид інформації та про її структуру.

Найважливіші заголовки ми асоціюємо із теґом <h1>; підзаголовки - <h2>, і т.п.; параграфи при цьому асоціюємо із тегом параграфу.

Ось що розуміємо, коли кажемо про "структурну" або "семантичну" розмітку.

Замість того, щоб вставляти текстове наповнення у середину комірок таблиці, загорніть його в елементи div. Призначте Вашим div-елементам id або class які відповідатимуть їх змісту та/або функції, але не зовнішньому вигляду.