Существует два типа верстки: блочная и табличная. В начале времен верстка строилась в виде таблиц. А именно создавалась всего одна, большая. Чуть позже появились новые стандарты. Табличную верстку заменила блочная.
Сейчас я не буду углублятся в историю верстки, об этом много материала на вебе, да и вообще нужно писать отдельную статью.A здесь только конкретика.
Тег «div» — это и есть блочная верстка. Изучиие код любого сайта,( как это слелать я писал в отдельном топике. и вы увидите все атрибуты блочной модели.
Вот пример стандартного скилета сайта и его основные части:
- head – голова, основная часть.
В неё входит логотип, какая-то основная информация типа телефонов и так далее. - сайтбар. Это боковая панель.
В нее можно поместить навигационное меню, ссылки, списки, рекламу. - основное меню для перехода по категориям.
- Основная контентная часть.
Текст статьи, вводное приветствие или что-то иное. - футер размещается внизу.
Сюда, как правило, вставляют небольшие ссылочки на контакты, вакансии, информацию «О нас», «copyright» или лучше всего, и явно полезней - "copyleft".
- Отделение стиля элементов от кода html;
- Возможность наложения одного слоя на другой – такая возможность во многом облегчает позиционирование элементов.
- Лучшая индексация поисковиками;
- Высокая скорость загрузки страницы, состоящей от взаимно независимых элементов;
- Легкость создания визуальных эффектов (выпадающих меню, списков, всплывающих подсказок).