49,1 тыс подписчиков
Что такое и зачем нужен <div>
В вёрстке есть очень удобный HTML-тег — <div>. С его помощью обозначают блок, который не оформлен сам по себе, но может задавать оформление и структурировать веб-страницу.
Изначальная задача этого тега — собрать в кучу другие теги, чтобы получилось что-то единое, с чем можно работать как с одним объектом. Тег <div> появился в стандарте HTML3 в 1995 году, и на тот момент это было мощным решением: верстальщики получили возможность применять стили сразу к группе тегов.
Ещё этим тегом решилась другая проблема — табличная вёрстка. Раньше всё верстали на таблицах, потому что по-другому реализовать нарисованный дизайн просто не получалось. Всё рассовывалось по ячейкам таблиц, и таблицы вкладывались друг в друга. Поддерживать такое было сложно.
С появлением <div> все перешли на блочную вёрстку, которая работает так:
1. Верстальщик создаёт блок на странице и наполняет его содержимым.
2. В стилях он указывает, как этому блоку выглядеть и вести себя по отношению к другим — например, отталкивать, отступать, заставлять перенестись на новую строку и т. д.
3. Блоки можно вкладывать друг в друга сколько угодно раз, причём для каждого блока-контейнера можно задавать свои стили и поведение.
В итоге получилось то же самое, что с табличной вёрсткой, но уже на блоках. Главный плюс в том, что блоки гораздо более автономны, чем ячейки таблицы, поэтому такой подход сейчас считается основным для вёрстки.
В чем проблема div и почему некоторые разработчики ругают такую вёрстку, рассказываем в статье: v.thecode.media/...mmu
1 минута
12 марта
4491 читали