stranger2015
@stranger2015
Писатель. Сайтостроитель-любитель

Теги header, footer,... и div'ы — есть ли разница?

Не секрет, что в HTML5 появился ряд "семантических" тегов: header, footer, article, aside - есть ли отличие от div'ов?
Правильно ли я понимаю, что уместное использование данных тегов делает html-код легче читаемым, более понятным, функционально же - всё то же самое можно сделать на div'ах?
Есть ли какие-либо ещё плюсы/минусы использования данных тегов по сравнению с div? (может быть, поисковики лучше/хуже относятся к таким страницам, может быть, есть нюансы в поддержке браузерами,...)
  • Вопрос задан
  • 2845 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
может быть, поисковики лучше/хуже относятся к таким страницам

Бинго!!! Это и есть основная причина (по факту) :)
Ну и еще в семантически правильном документе легче ориентироваться людям, использующим альтернативные устройства для просмотра сайтов, например, аудиоридеры.
Ну и прочим роботам проще понять вашу страницу.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
amf1k
@amf1k
Просто почитайте это
Ответ написан
PavelUstyugov
@PavelUstyugov
php
Благодаря корректному расставлению тегов, поисковики получают возможность более точно определить важность каждого участка страницы, основной контент от второстепенного. Правильная верстка позволяет добиться красивого структурирования данных сайта. Качество верстки в этом плане можно проверить через бесплатный сервис
проверьте разные сайты на этим сервисом и поймете важность микроразметки. Так же в зависимости от используемых тегов (div, section, article ...) допускается многократное использование тега h1 на странице сайта, либо только однократное. Лучше более подробно ознакомиться с этим вопросом - внутренняя оптимизация по прежнему имеет большое значение.
Ответ написан
Как правильно было сказано причина именно в семантичности кода. По факту грубо говоря всю страницу можно сверстать хоть на span если дать им параметр display: block; однако такая верстка не будет удовлетворять семантичности. Поисковики читают сайт по тегам, и если все div блоки для него абсолютно одинаковые то теги header, footer, nav, aside и т.д. дают сразу понять что это за часть страницы (вложенность тегов тоже имеет значение, тот же header можно использовать не только для шапки всего сайта). Более того гугл дает меньший приоритет сайтам сверстаный не семантичным html5, так что это еще и СЕО
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы