blocks|key|1700066|text|您可以，但我建议您改用新的main元素！|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1700067|例如：|1700068|<main+role="main">

</main>|code-block|syntax|javascript|1700069|参见the+main+element和further+examples+on+using+the+main+element。|1700070|entityMap|0|LINK|mutability|MUTABLE|url|http://www.iandevlin.com/blog/2013/01/html5/the-main-element|1|http://www.iandevlin.com/blog/2013/02/html5/further-examples-on-using-the-main-element^0|D|4|0|0|0|2|G|0|J|16|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|13|8|@]|D|@$9|14|A|15|1|16]|$9|17|A|18|1|19]]|E|$]]|$1|O|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]]]

<p>You could, but I would encourage you to use the new <code>main</code> element instead! </p>

<p>e.g.</p>

<pre><code>&lt;main role="main"&gt;

&lt;/main&gt;
</code></pre>

<p>See <a href="http://www.iandevlin.com/blog/2013/01/html5/the-main-element" rel="nofollow">the main element</a> and <a href="http://www.iandevlin.com/blog/2013/02/html5/further-examples-on-using-the-main-element" rel="nofollow">further examples on using the main element</a>.</p>


blocks|key|613511|text|大体上说，没有。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|613512|HTML5Doctor+says：|offset|length|613513|613514|我们一直在做的错误是使用来包装内容以定义样式，或者使用来区分主要内容区域div、页眉、页脚等。|blockquote|style|BOLD|613515|613516|613517|自从那篇文章写完之后，<main>元素就应运而生了，专门用于您的用例。|CODE|613518|entityMap|0|LINK|mutability|MUTABLE|url|http://html5doctor.com/the-section-element/^0|0|0|G|0|0|0|C|F|0|0|0|B|6|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]]|A|$]]|$1|F|3|-4|5|6|7|13|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|14|8|@$D|15|E|16|J|K]]|9|@]|A|$]]|$1|L|3|-4|5|6|7|17|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|18|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|19|8|@$D|1A|E|1B|J|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

<p>Broadly, no.</p>

<p><a href="http://html5doctor.com/the-section-element/" rel="nofollow">HTML5Doctor says</a>: </p>

<blockquote>
  <p>What we’ve been doing wrong is using section to wrap content in order to style it, or <strong>to demarcate the main content area</strong> from the nav, header, footer etc. These are jobs for div, not section.</p>
</blockquote>

<p>Since that article was written, the <code>&lt;main&gt;</code> element has been invented, for your exact use case.</p>


blocks|key|1700211|text|您可以说，一旦有一个标题(h1-h6)不是分段元素的标题，您就隐含地使用了section。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1700212|因此，这两个文档在语义上是等价的：|1700213|1)|1700214|<body>
++<h1>John's+cool+site</h1>
++<nav>…</nav>
++<h2>A+nice+article</h2>+
++<p>I+like+bees.</p>
</body>+|code-block|syntax|javascript|1700215|2)|1700216|<body>
++<h1>John's+cool+site</h1>
++<nav>…</nav>
++<section>
++++<h2>A+nice+article</h2>++
++++<p>I+like+bees.</p>
++</section>
</body>|1700217|所以，是的，您可以对主要内容使用section+(尽管在许多情况下，article会更合适)。您可以对每个标题内容组使用section+(当然，除非应该使用article、nav或aside+)。|1700218|一旦对所有这些标题-内容组使用了sectioning元素，就可以在任何地方使用h1。|1700219|甚至在一些边缘情况下，您将被要求显式地使用主要内容的部分元素。也就是说，如果您的页面包含的内容不是主要内容的一部分，并且不适合header、footer或address+(也不适合aside/nav)。如果在这种情况下不使用section+(或article)，则此内容仍将属于主内容。|1700220|一个更常见的(我甚至要说，非常)你应该使用section/article作为主要内容的例子是，你需要一个单独的header/footer作为主要内容的页面，例如博客帖子页面:整个页面可能有一个footer+(它包含关于整个博客的信息)。现在，如果我们不对主要内容使用区段元素(→博客帖子)，我们就不可能有一个单独的footer+(包含作者信息、标签、类别等)。只是为了那篇文章。|1700221|<body>
++<h1>John's+blog</h1>
++<article>
++++<h1>My+first+blog+post</h1>
++++<p>…</p>
++++<footer>+
++++++Tags:+introduction,+aboutme
++++</footer>+
++</article>
++<footer>+
++++Blog+of+John+Doe+—+2013
++++<p><small>All+content+licensed+under+Creative+Commons</small></p>
++</footer>
</body>|1700222|因此，我建议:如果有疑问，可以显式地使用section/article作为页面的主要内容。|1700223|entityMap^0|D|2|G|2|11|7|0|0|0|0|0|0|G|7|Y|7|1O|7|26|7|2E|3|2I|5|0|13|2|0|1R|6|1Y|6|25|7|2I|5|2O|3|34|7|3E|7|0|L|7|T|7|1J|6|1Q|6|2O|6|4D|6|0|0|K|7|S|7|0^^$0|@$1|2|3|4|5|6|7|16|8|@$9|17|A|18|B|C]|$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1D|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1E|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1F|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1G|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1H|8|@]|D|@]|E|$M|N]]|$1|S|3|T|5|6|7|1I|8|@$9|1J|A|1K|B|C]|$9|1L|A|1M|B|C]|$9|1N|A|1O|B|C]|$9|1P|A|1Q|B|C]|$9|1R|A|1S|B|C]|$9|1T|A|1U|B|C]]|D|@]|E|$]]|$1|U|3|V|5|6|7|1V|8|@$9|1W|A|1X|B|C]]|D|@]|E|$]]|$1|W|3|X|5|6|7|1Y|8|@$9|1Z|A|20|B|C]|$9|21|A|22|B|C]|$9|23|A|24|B|C]|$9|25|A|26|B|C]|$9|27|A|28|B|C]|$9|29|A|2A|B|C]|$9|2B|A|2C|B|C]]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|2D|8|@$9|2E|A|2F|B|C]|$9|2G|A|2H|B|C]|$9|2I|A|2J|B|C]|$9|2K|A|2L|B|C]|$9|2M|A|2N|B|C]|$9|2O|A|2P|B|C]]|D|@]|E|$]]|$1|10|3|11|5|L|7|2Q|8|@]|D|@]|E|$M|N]]|$1|12|3|13|5|6|7|2R|8|@$9|2S|A|2T|B|C]|$9|2U|A|2V|B|C]]|D|@]|E|$]]|$1|14|3|-4|5|6|7|2W|8|@]|D|@]|E|$]]]|15|$]]

<p>You could say that you implictly use <code>section</code> as soon as you have a heading (<code>h1</code>-<code>h6</code>) that is not the heading of a sectioning element.</p>

<p>So these two documents are semantically equivalent:</p>

<p>1)</p>

<pre><code>&lt;body&gt;
  &lt;h1&gt;John's cool site&lt;/h1&gt;
  &lt;nav&gt;…&lt;/nav&gt;
  &lt;h2&gt;A nice article&lt;/h2&gt; &lt;!--- main content starts with this heading --&gt;
  &lt;p&gt;I like bees.&lt;/p&gt;
&lt;/body&gt; &lt;!-- main content ends at the end of the document --&gt;
</code></pre>

<p>2) </p>

<pre><code>&lt;body&gt;
  &lt;h1&gt;John's cool site&lt;/h1&gt;
  &lt;nav&gt;…&lt;/nav&gt;
  &lt;section&gt;&lt;!--- main content starts with this opening tag --&gt;
    &lt;h2&gt;A nice article&lt;/h2&gt; &lt;!-- now you could use h1 here, too --&gt; 
    &lt;p&gt;I like bees.&lt;/p&gt;
  &lt;/section&gt;&lt;!-- main content ends with this closing tag --&gt;
&lt;/body&gt;
</code></pre>

<p>So, yes, you can use <code>section</code> for the main content (in many cases <code>article</code> would be more suitable, though). You can use <code>section</code> for <em>every</em> heading-content group (unless <code>article</code>, <code>nav</code> or <code>aside</code> should be used, of course). </p>

<p>As soon as you use sectioning elements for all these heading-content groups, you could use <code>h1</code> everywhere.</p>

<p>There are even some edge cases where you'd be required to explictly use a sectioning element for the main content. Namely, if your page contains content that is not part of the main content and that is not suitable for <code>header</code>, <code>footer</code> or <code>address</code> (nor <code>aside</code>/<code>nav</code>). If you wouldn't use <code>section</code> (or <code>article</code>) in such a case, this content would still belong to the main content. </p>

<p>A more (I'd even say, very) common example where you should use <code>section</code>/<code>article</code> for the main content would be a page where you need a separate <code>header</code>/<code>footer</code> for the main content, e.g. blog post page: The whole page might have a <code>footer</code> (which contains info about the whole blog). Now, if we wouldn't use a sectioning element for the main content (→ the blog post), we couldn't have a separate <code>footer</code> (with author info, tags, categories etc.) just for that article.</p>

<pre><code>&lt;body&gt;
  &lt;h1&gt;John's blog&lt;/h1&gt;
  &lt;article&gt;
    &lt;h1&gt;My first blog post&lt;/h1&gt;
    &lt;p&gt;…&lt;/p&gt;
    &lt;footer&gt; &lt;!-- applies to the blog post only (article) --&gt;
      Tags: introduction, aboutme
    &lt;/footer&gt; 
  &lt;/article&gt;
  &lt;footer&gt; &lt;!-- applies to the whole page (body) --&gt;
    Blog of John Doe — 2013
    &lt;p&gt;&lt;small&gt;All content licensed under Creative Commons&lt;/small&gt;&lt;/p&gt;
  &lt;/footer&gt;
&lt;/body&gt;
</code></pre>

<p>So I'd advise: if in doubt, explictly use <code>section</code>/<code>article</code> for the main content of a page.</p>


<p>Is that semanticlly correct to use <code>section</code> element as main content section of a page? <br> <br><br></p>


Section as main section

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

使用section元素作为页面主要内容部分在语义上正确吗？

问作为主要部分的部分
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问作为主要部分的部分EN