是否可以在页面中的任何位置使用部分标记？

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

您几乎可以将任何HTML标记用于您想要的任何内容，但是语义标记的思想是赋予页面内容以意义。

在这种情况下，您可以使用section标记(甚至是article)来定义页面的任何自包含部分，这没有什么错，实际上它毕竟是一个有自己标题的部分。不要一直认为标签的使用是一个层次结构；想想你创建的元素实际上在页面中是什么，并使用适当的标签；

这是一篇很棒的文章，可以帮助你弄清楚关于语义标签的一切：https://www.lifewire.com/why-use-semantic-html-3468271

只是引用了同一篇文章的话：

语义超文本标记语言或语义标记是为网页引入含义而不仅仅是表示的超文本标记语言。例如，<p>标签表示包含的文本是段落。这既是语义的，也是呈现的，因为人们知道段落是什么，浏览器知道如何显示它们。

有关基于Mozilla's Docs的section标记的更多信息

通常应通过将标题(<h1>-<h6>

• )作为元素的子元素来标识每个元素。

• 如果单独联合<section>元素的内容是有意义的，请改用<article>元素。

• 不会将<section>元素用作通用容器；这就是<div>的用途，特别是当分区仅用于样式设置时。一条经验法则是，一节应该在逻辑上出现在文档的大纲中。

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

Answer 2

不，不是任何地方。specs说了以下内容(重点是我的)：

部分元素表示文档或应用程序的通用部分。在此上下文中，节是内容的主题分组，通常带有标题。

章节的例子可以是章节、选项卡式对话框中的各种选项卡式页面或论文的编号章节。网站的主页可以分为介绍、新闻条目和联系信息等部分。

鼓励作者使用文章元素，而不是章节元素，如果将元素的内容联合起来是有意义的。

section元素不是通用容器元素。当某个元素仅用于样式化或方便编写脚本时，建议作者改用div元素。一般规则是，只有当元素的内容在文档的大纲中显式列出时，section元素才是合适的。

因此，<section>可以轻松地放在几乎任何地方，而不会与其语义发生冲突。

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