Можно ли тег section использовать рядом с тегом main?

Dmitriy_2014
На сайте с 01.07.2014
Offline
329
309

Всем привет!

Можно ли тег section использовать рядом с тегом main, т.е. не внутри? В main идет основной контент, перечисляются статьи, а в section должны быть тоже список статей, но из определенного раздела, не входящие в main, но эта секция вроде как не aside и не сайдбар, а дополнительная секция с доп. контентом для главной страницы идущая ниже основного.

<main> - Основной контент, список статей.

<article>...</article>

<article>...</article>

<article>...</article>

<main>

<section> - Дополнительный контент, список статей не входящих в основной.

<article>...</article>

<article>...</article>

<article>...</article>

</section>

И мне нужно сделать не внутри main, а внешне, внутри то понятно.


domen77
На сайте с 02.04.2020
Offline
56
#1

ответ  от gemini

Да, теги section и main можно использовать рядом друг с другом, не вкладывая один в другой.

В вашем примере это вполне допустимо.

Объяснение:

  • main предназначен для обозначения основного контента страницы.
  • section служит для группировки тематически связанного контента.

В вашем случае:

  • main содержит основной список статей, который является центральным элементом страницы.
  • section используется для дополнительного списка статей, относящегося к определенной теме, но не входящего в основной список.

Это логично, так как section позволяет визуально отделить дополнительный контент от основного, не нарушая при этом структуру страницы.

Важно отметить:

  • section не является заменой aside или sidebar .
    • aside используется для дополнительной информации, которая не является основной на странице.
    • sidebar обычно расположен сбоку от основного контента.
  • Использование section не влияет на семантику контента.
    • Как поисковые системы, так и люди будут правильно интерпретировать структуру страницы.

В вашем примере код выглядит корректно.

Дополнительные советы:

  • Используйте заголовки (h1 , h2 , etc.) внутри section для улучшения читаемости и структурирования контента.
  • Добавьте атрибут id к тегу section для упрощения навигации и ссылок.
  • Используйте CSS для визуального оформления секций, делая их отличимыми друг от друга.

Следуя этим советам, вы сможете создать понятную и удобную структуру страницы, используя теги main и section .

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