@Clutkaboltwm

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

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

Насколько правильно так делать?
  • Вопрос задан
  • 2010 просмотров
Пригласить эксперта
Ответы на вопрос 6
sniggering_deus
@sniggering_deus
Frontend Engineer & Fullstack Designer
Это неправильное решение. Если для заголовков существуют тегиH1, H2, H3, H4 и т.д, значит нужно использовать именно эти теги для заголовков, а не div. Тоже самое касается и других тегов.

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

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

ПыСы: гугл наоборот рекомендует верстать семантические сайты по БЭМ-методологии (то есть используй header-content__title_show, но и про nav и ul не забывай)
Ответ написан
@andreysuha
Что то знаю
Ну вот ты сам как думаешь всякие h1, span, section и.т.д просто так придумали? Семантически правильная верстка помагает людям с ограниченными возможностями просматривать контент. Для скринридера все дивы одинаковые
Ответ написан
@Vaultboy84
Этот человек, чье видео вы смотрели либо новичек, либо клинический идиот.
Ответ написан
@kokksya
Смотри по задаче. Если у вас проект для внутреннего пользования, то нет смысла тратить время на лишние размышления. Если надо выполнить только сео-шные штуки, то делай только их, если цель адаптация под скринридеры, то уж смотри все ли нужны ридеры, разные ридеры по разному работают с разными браузерами. По опыту самая адекватная пара это нвда + хром. Адаптировать уже готовый проект, да еще и с наворотами, для слабовидящих бывает очень больно
Ответ написан
bubn0ff
@bubn0ff
Специалист по технической поддержке
Не семантично так делать.
Ответ написан
Ваш ответ на вопрос

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

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