Вёрстка

Вёрстка или семантическая вёрстка

Разметка вэб-документа (семантический HTML-код), последовательно описывающая её структурные элементы и их позиционирование относительно друг друга: графики, текстов, навигации, информационных или рекламных блоков, ссылок и т. д. В соответствии с международными стандартами W3C (The World Wide Web Consortium) подход к созданию вэб-страниц на языке HTML, основан на использовании HTML-дескрипторов (тэгов) в соответствии с их семантикой или назначением.

По степени валидности принято выделять:

• правильную вёрстку, с помощью которой логика интерфейса струтурируется надлежащим образом, а внешний вид сайта презентабелен и удобен для пользователя;
• "плывущую" вёрстку, в коде которой допущены мелкие либо серьёзные ошбики, делающие внешний вид страницы несуразным, а его функциональные элементы - нерабочими.

Основным критерием валидности правильной вёрстки следует выделить кроссбраузерность - корректное отображение страницы в любом из современных популярных Интернет-обозревателей или браузеров (Google Chrome, Safari, Mozilla Firefox, Internet Explorer, Яндекс Браузер и др.).

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

Виды вёрстки по типу макета:

• Адаптивная или отзывчивая - вёрстка веб-страниц, обеспечивающая правильное отображение сайта на различных устройствах и динамически подстраивающаяся под заданные размеры окна браузера.
• Табличная - условное название метода верстки веб-документов, при котором в качестве структурной основы для расположения текстовых и графических элементов используются таблицы
• Блочная вёрстка - вёрстка, в которой основными структурными элементами являются блочные элементы или слои, которые можно размещать на веб-странице путём наложения их друг на друга с точностью до пикселя. В стандартах HTML 4 и XHTML слой — это элемент веб-страницы, созданный с помощью тега div, к которому применяется стилевое оформление.

Растущая популярность мобильных устройств с выходом в Интернет а, следовательно, увеличение мобильного Интернет-трафика стало движущей предпосылкой для выделения адаптивной вёрстки в качестве передового метода разметки вэб-страниц. Проектирование начинается с версии для мобильных устройств, где необходимо правильно передать смысл и основные идеи с использованием небольшого экрана с использованием всего одной колонки. Содержимое по возможности сокращают, удаляя малозначимые блоки и оставляя только самое важное.

Вернуться на предыдущую страницу

---

---