Насколько правильно верстать всё с помощью div?

Question

[Clutkaboltwm]

Видел в видео как человек верстает страницу блоками и, к примеру, вместо h2 и p просто загоняет текст в div.

Насколько правильно так делать?

Comments

[Rerurk]

А если я хочу создать сложное вложенное выпадающие меню? Правильно ли будет элементы меню создавать в отдельных дивах?

Answer 1

[Евгений Винокуров]

В корне неправильно, HTML5 превнес в веб-разработку ну просто кучу семантических тегов и это важно. Возможно, это покажется для кого-то странным, но даже БЭМ (да, тот самый, который весь на дивах) не отвергает семантику в вебе. Семантика должна быть и влияет на валидность, читаемость, а также позицию сайта в области сео.

Для прототипирования интерфейсов "на быструю" можешь использовать фронт на div, но не более

ПыСы: гугл наоборот рекомендует верстать семантические сайты по БЭМ-методологии (то есть используй header-content__title_show, но и про nav и ul не забывай)

Answer 2

[Andrey Suha]

Ну вот ты сам как думаешь всякие h1, span, section и.т.д просто так придумали? Семантически правильная верстка помагает людям с ограниченными возможностями просматривать контент. Для скринридера все дивы одинаковые

Answer 3

[NeKt0]

Не семантично так делать.

Answer 4

[kokksya]

Смотри по задаче. Если у вас проект для внутреннего пользования, то нет смысла тратить время на лишние размышления. Если надо выполнить только сео-шные штуки, то делай только их, если цель адаптация под скринридеры, то уж смотри все ли нужны ридеры, разные ридеры по разному работают с разными браузерами. По опыту самая адекватная пара это нвда + хром. Адаптировать уже готовый проект, да еще и с наворотами, для слабовидящих бывает очень больно