<header role="banner">
role banner — содержит в основном контент ориентированный на сайт, а не контент специфичный для страницы.
<nav aria-label="Main Menu">
<h2 class="visuallyhidden">Main Menu</h2>
<ul role="menubar">
вместе с <li role="menuitem">
Это не обязательно должен быть UL список, но уж точно не OL, если порядок ссылок не имеет значения.
<form role="search">
<footer role="contentinfo">
role contentinfo — идеально подходит для указания навигационных ориентиров, авторских прав, ссылок на заявления о конфиденциальности, контактов самого сайта (а не автора статьи).
<small>
— для копирайта и прочих юр.примечаний
<nav>
<address>
для контактов
<small>
Слышал рекомендации, что таким ссылкам лучше ставить nofollow, но при этом слышал, что ПС алгоритмы любят политику конфиденциальности и прочие страницы.
<nav aria-label="breadcrumbs">
<ol>
<nav aria-label="pagination">
<ol>
<a aria-current="page" href="...">
<main>
Желательно сделать его в коде первым после body, выше всех article, section, aside, nav, blockquote, details, dialog, fieldset, figure, td
<time datetime="2022-01-25 19:00">25 января</time>
<link itemprop="sameAs" href="ссылка-на-автора">
.
Если у автора есть свой персональный сайт или страница о нём, то указываем ссылку в <link itemprop="url" href="ссылка-на-сайт-или-страницу">
.
<section>
Конечно он должен быть вложен в main и являться именно его дочерним разделом
<article>
<time datetime="2022-01-25 19:00">25 января 22г.</time>
<section>
и имеет заголовок h4
<section>
Должен быть дочерним разделом для main, если выборка зависит от текущего контента, иначе должен быть за пределами блока main и находиться в теге footer
<article>
<link itemprop="mainEntityOfPage" href="ссылка-на-страницу-сущности">
<section>
Должен быть дочерним разделом для main, но если это общие вопросы по сайту, то может быть за пределами блока main и находиться в теге footer
<section>
или <article>
<section>
— является частью родительского раздела. Содержит заголовок.<article>
— относится к родительскому разделу, но при этом сам по себе. Содержит заголовок.<nav>
— любой навигационный раздел. Содержит заголовок.<aside>
— косвенно связанная или не связанная с контентом инфа. Может содержать заголовок.<header>
— важная доп.инфа о контенте.<footer>
— не важная доп.инфа о контенте.<address>
— контакты относящиеся к предку article или body.<p>
— абзац. Можно не использовать и писать прям внутри <div>
элемента, но лучше подбирать наиболее подходящий тег к смыслу текста.<hr>
— переход к другой теме внутри секционного элемента.<pre>
— когда надо сохранить исходное форматирование и отступы. Для отображения блока кода можно использовать <pre><code>
<ul>
+ <li>
— список, где порядок не важен.<ol>
+ <li>
— список, где важен поряок пунктов.<menu>
+ <li>
— список действий (лайк, в сравнения, в корзину…).<dl>
+ <dt>
и <dd>
— список значений (цвет: белый; размер: XXL).<blockquote>
— цитата. * Является частью родительского блока, но содержимое цитаты не влияет на него.<figure>
и <figcaption>
— приложение (вложение). * Является частью родительского блока, но содержимое не влияет на него.<strong>
— важная осмысленная фраза в большом тексте.<b>
— ключевые слова страницы или сайта.<i>
— термины, иностранные слова, алегории. Не использовать для вставки шрифтовых иконок.<br>
— НЕ для разделения тематических групп в абзаце и НЕ для переноса отдельных строк. Это для многострочного отображения единой информации (например: стих или почтовый адрес).<time>
— для обозначения даты и/или времени.<data>
+ <value>
— это не для обозначения даты, а для указания значения выраженного текстом <data value="7">Семь</data>
многие другие >>>
Как обычно, мы открыты для общения и вы можете смело писать свои комментарии, задавать вопросы и просто делиться мнением. Ваши отзывы очень важны для нас!