×
Traktatov.net » HTML5 для веб-дизайнеров » Читать онлайн
Страница 29 из 37 Настройки
внутри элемента >section. Пожалуй, это даже нужно делать. Спецификация определяет элемент >section как «контейнер тематически сгруппированного содержимого, как правило, с заголовком».


>

>

>

Скрипты для DOM

>

>

Эта книга скорее предназначена для дизайнеров, чем для программистов.

>

автор: Джереми Кит

>


Элемент >header обычно появляется в начале документа или секции, но это не обязательно должно быть так. >header определяется в большей степени своим содержимым – вводными или навигационными вспомогательными элементами, – чем положением.

footer

Как и элемент >header, по названию элемента >footer кажется, что это описание положения, но, как и в случае с >header, это не так. Вместо этого элемент >footer должен содержать информацию об элементе, который его содержит: кто его автор, информацию о копирайте, ссылки на связанное содержимое и т. п.

Это отлично согласовывается с той ментальной моделью, которая есть у веб-разработчиков для слова «подвал». Разница в том, что, хотя мы привыкли использовать один подвал на весь документ, HTML5 позволяет нам делать подвалы и внутри секций.

>

>

>

Скрипты для DOM

>

>

Эта книга скорее предназначена для дизайнеров, чем для программистов.

>

>

автор: Джереми Кит

>

>

aside

Так же как элемент >header соответствует концепту шапки документа, элемент >aside соответствует концепту боковой колонки. Когда я говорю «боковая колонка», я говорю не о положении. Одного того, что какое-то содержимое появляется слева или справа от главного содержимого, недостаточно для того, чтобы использовать элемент >aside. Опять же имеет значение содержимое, а не положение.

Элемент >aside должен использоваться для не связанного напрямую содержимого. Если у вас есть блок содержимого, который вы считаете отдельным от основного содержимого, тогда, возможно, его следует заключить в элемент >aside. Задайте себе вопрос: можно ли удалить содержимое элемента >aside так, что при этом главное содержимое документа или секции не потеряет смысл?

Хороший пример не связанного напрямую содержимого – врезки; они хорошо смотрятся, но вы можете убрать их, и это никак не повредит пониманию основного содержимого.

Помните, если ваш дизайн ставит какое-либо содержимое в боковую колонку, это еще не означает, что это содержимое должно находиться именно в >aside. Например, довольно часто в боковую колонку ставится биография автора. Этот тип данных лучше подходит для того, чтобы быть внутри элемента >footer, – спецификация явным образом утверждает, что информация об авторстве подходит для подвалов (рис. 5.01).


>Рис. 5.01. Текст «об авторе» в этом скриншоте должен быть размечен с помощью footer, а не aside


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

nav

Элемент >nav выполняет ту самую функцию, которую, как вы предполагаете, он и должен выполнять. Он содержит навигационную информацию, обычно – список ссылок.