Семантика
Кожен елемент на сторінці має своє смислове призначення. Наприклад: заголовок, навігація, секція, абзац, нижній блок сторінки. Все це по суті - прямокутники різних розмінів і пропорцій.
Раніше верстку робили простими тегами <div>, які не несуть семантичного навантаження. Але сучасні вебсайти базуються на семантичній структурі. Для кожного елемента є свій відповідний тег. Тобто спочатку сторінку розбивають на логічні елементи з яких і формують верстку. А потім наповнюють контентом. Семантична й несемантична верстка може виглядати однаково, але "підкапотний" функціонал буде відрізнятися.
Семантичні сайти краще описують структуру сторінки і її вміст, відповідно вони краще індексуються пошуковиками й підвищують рейтинг вебсайту.
Семантична розмітка - створення HTML-розмітки із використанням тегів зі специфікації відповідно до їх призначення.
Семантичну розмітку формують не на підставі вмісту, який відображається в браузері, а на підставі типу та структури контенту, який верстають.
Покликання:
Last updated