20 лет на рынке,
более 1500 клиентов

+7 (499) 495–14–85

+7 (812) 426–17–70

Ваш город
Нижний Новгород

Полезные статьи

11 сентября 2018

Верстка блоками

Блочной версткой называется верстка посредством div-блоков/слоев. История этих слоев уходит далеко в районы 90-х годов. Все началось с компании Netscape, которая как раз и ввела понятие «div-блок», создав настоящий фурор. Добавив такое расширение в браузер, можно было с легкостью спрятать содержимое слоев, не накладывая их друг на друга. То есть каждый блок становился автономным, мог свободно чередоваться с другими. Динамический контент на странице стал актуальным именно с этого момента.

Однако для HTML-спецификации этот тег не оказался предусмотрен, зато разработчики приняли другое решение. Они создали синтаксис, который обеспечил работоспособность слоев посредством каскадных таблиц. Это представляло собой небольшую проблему, ведь, помимо поддержки в разных браузерах, необходимо было составить работоспособный код под CSS-стиль, подходящий под любой элемент программы.

Решение найдено

Уже сейчас вопрос решается посредством простой спецификации HTML5+CSS3 на движке Chromium. Движок сразу задействует несколько браузеров, а значит, разработчику сайта работать будет очень комфортно и просто. И вот по прошествии 20 лет создан настоящий прорыв, который в ближайшем будущем сведет верстку сайтов к единому браузеру. То есть больше не придется сразу поддерживать несколько устаревших версий. Единая система окажется не только экономически выгодной, но и менее трудозатратной.

Обсудим слои

Говоря на рабоче-крестьянском, слои должны очень тесно использоваться со стилями. Если придерживаться такой концепции, работа значительно упростится, однако не каждый элемент является слоем. Слой подразумевает под собой какую-то группу микроэлементов, объединенную по определенному принципу. То есть берется тег и обрабатывается определенным стилем, затем внутрь него помещается ряд элементов ресурса. Эти элементы станут дочерними, и к ним также применимы различные стили.

Напоследок следует упомянуть об особенностях деления страницы на блоки. В эти блоки помещается соответствующая группа элементов с тематическим стилем. То есть стиль задается и блоку, и входящим в его состав элементам. Нужно обратить внимание на то, что стили можно делать не едиными – строго на усмотрение разработчика. Например, размещая ссылку в статье, ее делают менее или более выраженной в отличие от всего текста, что моментально бросается в глаза.