Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки (Стори, Уолтер) - страница 59

прост: используйте его для показа времени. Вы также можете представить машинно-читаемую версию.


>

Опубликовано


Атрибут >pubdate может употребляться для указания исходной даты издания статьи. В спецификации сказано, что атрибут >pubdate следует использовать только один раз для тега >article.

NAVIGATION

Элемент >nav явно предназначен для навигации сайта. Вы можете вставлять теги >nav, чтобы создавать выпадающее меню. Тег не годится для списка презентаций, который я показывал вам, когда мы говорили о теге article. Приберегите nav для своего сайта, когда дело дойдет до структурной навигации сайта. Например:


>


(Хотите узнать, для чего нужен атрибут >role? Тогда читайте дальше!)

Теги FIGURE и FIGURE CAPTION

Возможно, вы добавляете на свои страницы много изображений. А задумывались ли вы когда-нибудь о том, как лучше задать подписи к ним? Вот было бы здорово, если бы можно было аккуратно подписать изображение! Для этого-то нам и нужен тэг >figure.


>

>”Бокал

>рядом маленькая бутылочка с водой.”>

>

Бокал виски, рядом

>маленькая бутылочка с водой.

>


Это еще не все. Вы можете использовать тэг >figure для видео, >svg и всего визуального, к чему может потребоваться подпись.

Тег DIV

Познакомившись со всеми этими новыми тегами, вы наверняка считаете тег div пережитком прошлого. Это далеко не так. Уже несколько лет разработчики вовсю используют этот простой тег для всего на свете, словно их охватила эпидемия «дивификации».

>Div (division) означает «раздел», и порой нет лучшего тега для описания куска контента. Возможно, все, что вам нужно, это контейнер для применения стилей. Так бывает. Это не в упрек вам. Семантика – штука коварная. Если вы на самом деле не умеете описывать куски контента с использованием каких-то тегов HTML, о которых мы говорили выше, берите div и не казните себя за это.

Несколько слов о семантической структуре

Теперь, когда у нас есть несколько новых элементов для разметки блоков (т. е. >section и >article), простая структура старого документа, которую мы использовали, чуть-чуть изменилась. Элементы разметки блоков можно рассматривать как блоки всего html-документа. Другими словами, теги заголовков от >h1 до >h6 могут использоваться внутри них.

Но будьте внимательны! Вы можете столкнуться с чем-то подобным: