Структурна розмітка: кодуй так, як думаєш; думай так, як кодуєш
Писати на CSS дуже просто, проте ця справа вимагає мислити про розмітку трохи інакше, ніж багато хто звик.
Замість мислення на зразок "це має бути тут, а це має бути тут", при роботі над макетом розмітки сторінки ми маємо думати про різновид інформації та про її структуру.
Найважливіші заголовки ми асоціюємо із теґом <h1>; підзаголовки - <h2>, і т.п.; параграфи при цьому асоціюємо із тегом параграфу.
Ось що розуміємо, коли кажемо про "структурну" або "семантичну" розмітку.
Замість того, щоб вставляти текстове наповнення у середину комірок таблиці, загорніть його в елементи div. Призначте Вашим div-елементам id або class які відповідатимуть їх змісту та/або функції, але не зовнішньому вигляду.
