Шапка страницы
Шапка — обязательный элемент Турбо‑страниц, который задается тегом header. Может содержать заголовок, меню, картинку для превью и навигационную ссылку.
<header>
<h1>Lorem Ipsum</h1>
<h2>Subheading</h2>
<figure>
<img src="https://clck.ru/FFAuR"/>
</figure>
<menu>
<a href="http://example.com/category/page1.html">Menu item 1</a>
<a href="http://example.com/category/page2.html">Menu item 2</a>
</menu>
<div data-block="breadcrumblist">
<a href="http://example.com/">Home page</a>
<a href="http://example.com/category">Category page</a>
<a href="http://example.com/category/page1.html">Page 1</a>
</div>
</header>
|
|
Заголовок страницы. |
|
|
Подзаголовок. |
|
|
Элемент, который используется для формирования превью в шапке. Может использоваться для формирования картинки с подписью. |
|
|
Атрибут |
|
|
Навигационное меню. |
|
|
Блок для формирования навигационной ссылки. Задается элементом |
* Обязательный параметр.
Меню
Внимание
С помощью RSS-элемента можно разметить только одноуровневое основное меню. Чтобы добавить вложенность или верхнее меню, используйте настройки Вебмастера. Подробнее в разделе Меню.
Чтобы разместить меню на Турбо‑странице, используйте блок menu в элементе header:
<header>
...
<menu>
<a href="http://example.com/category/page1.html">Menu item 1</a>
<a href="http://example.com/category/page2.html">Menu item 2</a>
...
</menu>
</header>
|
|
Навигационное меню. |
|
|
Пункт меню. Атрибут |
Навигационная ссылка
Чтобы разместить навигационную ссылку на Турбо‑странице, используйте блок div с атрибутом data-block="breadcrumblist":
<header>
...
<div data-block="breadcrumblist">
<a href="http://example.com/">Home page</a>
<a href="http://example.com/category">Category page</a>
<a href="http://example.com/category/page1.html">Page 1</a>
</div>
</header>
|
|
Блок для формирования навигационной ссылки. Задается элементом |
|
|
Элемент навигационной цепочки. Атрибут |
Обязательный параметр