В спецификации HTML5 ответственность за структуру документа лежит на HTML, и для этих целей в языке HTML появился целый набор новых элементов. Кроме того, есть также несколько элементов, используемых исключительно для оформления. Далее приведен список наиболее важных, по нашему мнению, элементов.
Чтобы ознакомиться с полным справочником элементов HTML, включенных в новую спецификацию, зайдите на наш веб-сайт и просмотрите ссылки для этой главы.
— <header>. Определяет вводную информацию и может использоваться в разных разделах документа. Он содержит заголовки раздела, но может также представлять алфавитные указатели, формы поиска, логотипы и т. п.;
— <nav>. Содержит набор ссылок для навигации, таких как меню или алфавитные указатели. Не все ссылки на веб-странице следует помещать внутрь элемента <nav> — только те, которые относятся к главной панели навигации;
— <section>. Представляет собой простой, не специализированный раздел документа. Обычно его используют для построения нескольких блоков (например, столбцов), чтобы группировать содержимое по темам, например, главы или страницы книги, группа новостных статей, набор продуктов и т. п.;
— <aside>. Определяет вспомогательную информацию, связанную с основным содержимым страницы. Это могут быть цитаты, сведения на боковой панели, реклама и т. п.;
— <footer>. Представляет дополнительную информацию, относящуюся к содержимому родительского элемента. Например, в «подвале» тела документа может находиться вспомогательная информация о документе, так же как и в обычном колонтитуле страницы. Данный элемент можно использовать не только внутри тега <body>, но и в других разделах документа. В таком случае он предоставляет сведения, относящиеся только к конкретному разделу;
— <article>. Представляет самостоятельный фрагмент информации, например, отдельную статью в газете или запись в блоге. Элементы <article> можно вкладывать друг в друга и использовать для отображения списков внутри другого, более крупного списка связанных элементов. Например, так можно оформлять пользовательские комментарии к записи блога;
— <hgroup>. Используется для группировки элементов <h> в случае многоуровневого заголовка, например, основного заголовка и подзаголовка;
— <figure>. Представляет независимый фрагмент содержимого (например, изображение, диаграмму или видео), на который ссылается основное содержимое страницы. Этот независимый блок можно легко удалить из основного содержимого, не нарушив структуру документа;
— <figcaption>. Предназначен для отображения подписи или легенды, относящейся к элементу <figure>. Например, это может быть подпись к фотографии;
— <mark>. Подсвечивает текст, который приобретает особую значимость в какой-то конкретной ситуации или в ответ на действия пользователя;
— <small>. Определяет служебную информацию, выводимую мелким шрифтом (например, отказ от ответственности, юридические ограничения, сведения об авторском праве);
— <cite>. Представляет названия произведений (книг, фильмов, стихотворений и т. д.);
— <address>. Содержит контактную информацию для раздела <article> или для всего документа. Его необходимо вставлять внутрь элемента <footer>;
— <time>. Необходим для отображения даты и времени в форматах, удобных для восприятия как компьютером, так и человеком. Метка в формате, предназначенном для человека, помещается между тегами, а метка в машинном формате устанавливается в качестве значения атрибута datetime. Второй необязательный атрибут под названием pubdate указывает, что значение атрибута datetime представляет собой дату публикации соответствующего содержимого.
Добавить комментарий