Question

在页面的任何位置将section标记作为子代使用是可接受的做法还是应该始终是主要标签？？

例如：

 <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

您几乎可以将任何HTML标记用于所需的任何内容，但是语义标记的目的是使页面内容有意义。

在这种情况下，您可以使用section标记（甚至是article）来定义页面的任何独立部分，这没什么不对，事实上，这是毕竟带有自己的标题。不要一直将标签当作层次结构使用；考虑您在页面中实际创建的元素并使用适当的标记；

这是一篇很棒的文章，可以帮助您清除有关语义标记的所有内容： https://www.lifewire.com/why-use-semantic-html-3468271

仅引用同一篇文章即可

语义HTML或语义标记是将含义引入网页而不只是表示形式的HTML。例如，<p>标签指示所包含的文本是一个段落。这既是语义上的，也是表示上的，因为人们知道什么是段落，浏览器知道如何显示它们。

基于Mozilla's Docs的section标签的更多信息：

通常应通过包括标题（<h1>-<h6>元素）作为元素。
如果可以单独联合<section>的内容，元素，请改用<article>元素。
请勿将<section>元素用作通用容器；这是什么 <div>用于，尤其是在分段仅用于样式设置时目的。经验法则是，应在逻辑上在文件的轮廓。

您也可以在此问题中阅读更多内容：https://stackoverflow.com/a/53229971/8437694

Answer 2

不，任何地方。 specs说以下（强调我的意思）：

section元素代表文档或文档的通用部分   应用。在这种情况下，一节是以下主题的分组   内容，通常带有标题。

部分示例为章节，其中的各个选项卡式页面   标签对话框或论文的编号部分。网站的   主页可以分为几部分进行介绍，新闻   项目和联系信息。

鼓励作者使用article元素代替   联合什么时候有意义的部分元素   元素。

section元素不是通用容器元素。 当   元素仅用于样式目的或为方便起见   脚本，鼓励作者改用div元素。一种   一般规则是，仅当   元素的内容将明确列出在文档的   大纲。

因此<section>可以很容易地放在几乎任何地方，而不会与它的语义发生冲突。

从技术上讲，您可以在“需要流内容”的任何地方使用<section>。

在页面的任何地方都可以使用section标签吗？

2 个答案: