Question

Что такое div верстка?

Answer 1

Давайте рассмотрим наиболее распространенные виды верстки: верстка div блоками и верстка таблицами. Раньше была распространена верстка таблицами - при помощи тега <table> создавалась структура страницы в виде таблицы (столбцы, колонки, где это необходимо, их можно объединять).

Однако, с появлением div-ов, популярность табличной верстки упала и предпочтение отдали верстке div-ами. Это случилось не случайно:

Есть, конечно, некоторые нюансы. Сложность верстки таблицами состоит в том, что возникает огромное количество столбцов и колонок (теги <tr> и <td>), так в них достаточно просто запутаться, особенно, когда начинаете их объединять и т.п. К верстке дивами тоже нужно приловчиться, но легче в том смысле, что элементов меньше, хотя, если по случайности затронуть какой-либо тег <div> (открывающий или закрывающий, без разницы), то можно существенно нарушить структуру и очень долго искать ошибку. Но, когда освоил верстку дивами, очень привык и уже не хочется связываться с таблицами.

Несмотря на все вышеописанное, верстка таблицами сейчас тоже используется, но преимущественно при верстке электронных писем, здесь табличная верстка сохраняет лидерство, потому что некоторые агенты почты могут некорректно отображать div-ы, а письма пользуются спросом у магазинов электроники (например) при рассылке рекламных писем

Answer 2

Это тег в CSS, позволяющий строить так называемые блоки.

Answer 3

Тег DIV - это блочная верстка.

<div>Тут какой-нибудь текст</div>

Тегу DIV можно задать стиль даже из css (файла стилей). Это более современный и улучшенный вариант, чем верстка на таблицах.

Если описать проще, то див это растягивающийся контейнер. Ему можно придать размеры, вложить в него еще один контейнер. С помощью него можно применять стили к тексту, используя div как ссылку на стиль.