Aside \ main \ header \ footer уместность и синтаксис

12
L
На сайте с 01.02.2011
Offline
160
#11

С aside +- разъяснили, но что до других вопросов? крайне header интересует, т.к. по описанию тега очень желательно чтобы он включал в себя h1.

Во первых, допустимо ли его дважды вставлять? если да, то у меня есть 3 следующих конструкции как пример:

первая, где мы помещаем header внутрь артикля и мейна, насколько это правильно?

<header>логтип \ навигация</header>
<nav>хлебные крошки</nav>
<main>
<article>
<header> <h1>Заголовок статьи</h1></header>
содержимое статьи
</article>
</main>

вторая, где мы выносим h1 из артикля, насколько это будет корректно применимо к артиклю?

<header>логтип \ навигация</header>
<nav>хлебные крошки</nav>
<main>
<header> <h1>Заголовок статьи</h1></header>
<article>
содержимое статьи
</article>
</main>

ну и третья, где мы выносим h1 еще и из мейна

<header>логтип \ навигация</header>
<nav>хлебные крошки</nav>
<header> <h1>Заголовок статьи</h1></header>
<main>
<article>
содержимое статьи
</article>
</main>


W1
На сайте с 22.01.2021
Offline
168
#12
Linblack #:
так как вы показали наверное. оборачивать в section все от футера до хэдера.

Можно так делать. В каждом разделе может быть свой хэдер и свой футер. Это всего лишь вступительная и заключительная части.

Мой форум - https://webinfo.guru –Там я всегда на связи
богоносец
На сайте с 30.01.2007
Offline
734
#13
Linblack #:
и кстати, а где можно найти официальную документацию по теме?

И может кто поставит сцылку на поиск по хелпам? И после этого может кто ещё и не повесится... 

Linblack :
понимаю что подобные теги, скорее символические. Робот и без них поймет где часть шаблона, а где уникальные зоны контента

А роботу это не нужно для решения его задач. А уж "понимать" он точно не умеет. 

Не хочется вспомнить высказывания гуглоидов об индексации js/ajax? 

Индексатор учитывает меньше тегов, чем было до html5, но если вы во что-то верите – это лучше бы проверить экспериментом.

estic
На сайте с 01.10.2017
Offline
68
#14
Linblack #:
и кстати, а где можно найти официальную документацию по теме?

main - самый неоднозначный тег. Многие его вовсе считают бесполезным. Когда используют, обычно придерживаются принципа "единственности" на странице от W3C.

Для всего остального есть документация WHATWG. Нужный вам раздел можно найти по словам "whatwg sections". В частности там вы найдете, что aside предназначен для вставки содержимого, не имеющего прямого отношения к окружающему данный тег содержимому и добавленного лишь "по касательной" (мимоходом). Т.е. в вашем мозгу возникла какая-то мимолетная ассоциация, и вы вставили в содержимое ЧЗЧ 😀 Как выше написали, в макетах можете использовать aside для "сквозняков". Для "бесполезных сквозняков" наподобие "Дополнительная информация", "История нашего двора", "Анекдот дня" 😀

No Instagram: https://noinstagram.ru/page | Автоматическая валидация доменов при выпуске сертификатов Let's Encrypt: https://acme.p20.ru/
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий