Догма W4 - подробности и пояснение

Приложение 3. Структура

Работая над веб-документами, дизайнер должен убедиться, что содержащиеся в них разметка и код отражают их смысл и структуру.

Семантические теги помогают ориентироваться в документе и полезны при автоматической обработке. Если мы используем теги не по их исходному предназначению, или проставляем заголовки с случайном порядке, вне зависимости от структуры документа, — вся семантическая информация будет потеряна, и преимущества структурирования будут утрачены.

Содержащееся в документе сообщение может предваряться только информацией, которую пользователю необходимо узнать до чтения сообщения.

Подробности: В коде соблюдается следующий порядок информации: введение — изложение — дополнительная информация.

Сайт посещают ради информации. Поскольку пользователи интересуются в первую очередь основным сообщением, любую дополнительную информацию следует размещать после него. Если главную информацию найти нелегко, пользователь не будет изучать весь контент, а просто покинет страницу или сайт.

Подробности: Введение увязывает содержание документа с заголовком первого уровня, который можно использовать только один раз в документе; знакомит с основными положениями документа. Введение содержит лишь информацию, необходимую для понимания смысла документа и контекста. Все, что не относится ни к прологу, ни к пониманию основной информации, должно быть помещено после изложения основной информации.

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

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

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

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

В документе нельзя использовать несемантические теги. Автор должен предполагать любой способ возможный представления документа. Визуальные представления осуществляются, к примеру, с помощью каскадных таблиц стилей или скриптов. Допускаются теги <div> и <span>, поскольку они нейтральны в плане как семантики, так и представления.

Подробности: Тело документа не должно содержать объектов или изображений, единственной целью которых является оформление, или которые дублируют содержащуюся в тексте информацию.

Не несущие информационной ценности изображения, существующие как часть графического оформления, не должны присутствовать в документе. Они могут отображаться, к примеру, средствами CSS. Картинки могут содержать текст только в том случае, когда важно его графическое представление (пример шрифта, логотип и т.д.). Таким образом, текст в изображении не должен быть частью сообщения в документе.