Вопрос Верстка HTML.Зачем нужен тег div?

[paha]

Почему некоторые вместо того чтобы написать <header class="header"> пишут <div class= "header">? Как правильно?

 

[dedmorg588588]

Семантические теги нужны для удобства и для поисковых роботов.

 

[Sarkas]

Это универсальный элемент, своих встроенных стилей и уникальных атрибутов не имеет.
На дивах и спанах можно что угодно наверстать. Можно <span class="header"> написать и прописать в стилях display: block, разницы с дивом тогда не будет.

Но дивошлепить всегда и везде это плохо, как и путать ссылки с кнопками, делать инпуты без формы и прочее.

 

[1337Spike]

Так блок же. Нет?

 

[WarDonII]

Div это аналог слоёв в Фотошопе. «Обёртки» (wrapper) нужны для применения стилей сразу к группе элементов расположенных на одном слое макета. Это полный аналог слоёв в Фотошопе. Такой тип вёрстки возник из практики разрабатывать макеты в Фотошопе. Слои просто переносили в div блок.

Скриншот пример, того что профи называют «дивные дивы» (первый призрак делитанта).. Куча обёрток, там где можно было бы обойтись и без них. Для справки: есть слои по умолчанию: html, body. А если вспомнить что ещё есть псевдо элементы after и before... Получаем уже шесть обёрток на первом уровне.
  
Изучать основы по видео урокам, примой путь в попугаи-копипастеры.
  
— «Вёрстка — это не тупо»
webmasters.teamdev.com
— «Что должен уметь HTML-верстальщик?»
github.com/crecotun/ui-developer-skills
— «Как стать начинающим верстальщиком»
glivera-team.github.io/how-to/02.05.2016/how-to-start.html

 

[yegminayev]

Спасибо