Допустимо ли использовать тег раздела где-либо на странице?

Question

Является ли приемлемой практика использовать тег раздела в качестве дочернего элемента в любом месте страницы или это всегда должен быть основной тег ???

Например:

 <section class="software-development">
   <h2>
     <span>Software</span>
     <span>Development</span>                   
   </h2>
   <div class="development-areas">
     <section class="web-apps">     
          <h2>Web Applications</h2>
          <p>dolor ipsum........</p>
     </section>
     <section class="mobile-apps"></section>
     <section class="desktop-apps"></section>
   </div>     
 </section>

Answer 1

Нет, не нигде . спецификации говорят следующее (выделено мной):

Элемент section представляет общий раздел документа или приложение. В этом контексте раздел представляет собой тематическую группу содержание, как правило, с заголовком.

Примерами разделов могут быть главы, различные страницы с вкладками в диалоговое окно с вкладками или пронумерованные разделы диссертации. Веб-сайт домашняя страница может быть разделена на разделы для введения, новости предметы и контактная информация.

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

Элемент section не является общим элементом контейнера. Когда элемент нужен только для стилизации или для удобства сценариям, авторам рекомендуется вместо этого использовать элемент div. Общее правило состоит в том, что элемент section уместен, только если содержимое элемента будет явно указано в документе очертание.

Таким образом, <section> можно легко разместить практически где угодно, не нарушая его семантику.

Технически, вы можете использовать <section> где угодно, «где ожидается поток данных».

Answer 2

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

В этом конкретном случае вы можете использовать тег section (или даже article), чтобы определить любую автономную часть вашей страницы, в этом нет ничего плохого, на самом деле это раздел с свое собственное название. Не думайте об использовании тегов как иерархии все время; подумайте о том, что на самом деле создает элемент на странице , и используйте тег подходящего;

Это отличная статья, которая может помочь вам очистить все, что касается семантических тегов: https://www.lifewire.com/why-use-semantic-html-3468271

Просто цитата из той же статьи:

Семантический HTML или семантическая разметка - это HTML, который привносит смысл в веб-страницу, а не просто в презентацию. Например, тег <p> указывает, что заключенный текст является абзацем. Это и семантика, и презентация, потому что люди знают, что такое абзацы, а браузеры знают, как их отображать.

Дополнительная информация о теге section на основе Документов Mozilla :

• Каждый должен быть идентифицирован, как правило, включая заголовок (<h1>-<h6> элемент) в качестве дочернего элемента элемент.

• Если имеет смысл отдельно синдицировать содержимое <section> вместо этого используйте элемент <article>.

• Не используйте элемент <section> в качестве универсального контейнера; Это то, что <div> для, особенно когда секционирование только для стиля цели. Практическое правило заключается в том, что раздел должен логически появляться в набросок документа.

Вы также можете прочитать больше в этом вопросе: https://stackoverflow.com/a/53229971/8437694