Html 应该<;main>;标签位于内部<;第节>;标签

Html 应该<;main>;标签位于内部<;第节>;标签,html,semantic-markup,Html,Semantic Markup,是否应将视为重要的内容放入中?喜欢在中有许多带有“article”的文章吗?如果没有,那么如何将它们一起使用?来自: 作者不得在文档中包含多个主要元素 作者不得将主元素作为 文章、旁白、页脚、页眉或导航元素 main元素表示文档主体的主要内容 或应用程序 因此,您应该使用main作为网站主要内容的分隔符,并使用main中的文章或部分作为上下文的分隔符,以下是如何处理main的示例: <main> <h1>Skateboards</h1> <p&

是否应将
视为重要的内容放入
中?喜欢在
中有许多带有“article”的文章吗?如果没有,那么如何将它们一起使用?

来自:

作者不得在文档中包含多个主要元素

作者不得将主元素作为 文章、旁白、页脚、页眉或导航元素

main元素表示文档主体的主要内容 或应用程序

因此,您应该使用main作为网站主要内容的分隔符,并使用main中的文章或部分作为上下文的分隔符,以下是如何处理main的示例:

<main>

  <h1>Skateboards</h1>
  <p>The skateboard is the way cool kids get around</p>
  
  <article>
    <h2>Longboards</h2>
    <p>Longboards are a type of skateboard with a longer 
       wheelbase and larger, softer wheels.</p>
    <p>... </p>
    <p>... </p>
  </article>

  <article>
    <h2>Electric Skateboards</h2>
    <p>These no longer require the propelling of the skateboard
       by means of the feet; rather an electric motor propels the board, 
       fed by an electric battery.</p>
    <p>... </p>
    <p>... </p>
  </article>

</main>

滑板
滑板是酷酷的孩子们四处玩耍的方式

长板 长滑板是滑板的一种,具有更长的长度 轴距和更大、更柔软的车轮

电动滑板 这些不再需要滑板的推动 通过脚;更确切地说,是一台电动机推动着电路板, 由电池供电

注意:如果联合元素的内容有意义,建议作者使用article元素而不是section元素。

再次引用:

建议作者在main上使用ARIA role=“main”属性 元素,直到用户代理实现所需的角色映射

:


我不知道如何将
role=“main”
分配给
部分
元素可能是语义上的,但可能存在用例。通常,您需要使用
article
标记来标识
main
内容。上面的代码片段提供了与
完全相同的语义信息,有些人可能会选择使用此方法而不是推荐的
,因为它可以被视为冗余(请注意,建议我们声明
role=“main”
的原因主要是由于当前用户代理中的浏览器支持不稳定).

主标签应该是页面上的主要内容。

引用不包括
部分
。是的,我仍然不知道如何将这两个元素组合在一起。您的问题的答案似乎是否定的。您不应该将主标签包含在部分/文章中。
<main id="content" class="group" role="main">
    <!-- [...] -->
</main>
<div class="main-content-column">
    <article role="main" id="content">
        [...]
    </article>
</div>