<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">
<input type="search" placeholder="search for...
<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>многие другие >>>Как обычно, мы открыты для общения и вы можете смело писать свои комментарии, задавать вопросы и просто делиться мнением. Ваши отзывы очень важны для нас!
