Html 我需要在一个主要元素的文章吗

Html 我需要在一个主要元素的文章吗,html,semantic-markup,Html,Semantic Markup,我想知道,对于只有一篇文章由几段文字组成的页面(即没有章节的文章),使用article元素是否是最佳实践。从语义上讲,将所有内容放在主元素中,而没有文章,有什么不对吗 举例来说,这有什么问题吗: <main> <h1>Lorem ipsum</h1> <p> Lorem ipsum dolor sit amet...</p> <p>Vivamus ut eros vulputate...</p>

我想知道,对于只有一篇文章由几段文字组成的页面(即没有章节的文章),使用
article
元素是否是最佳实践。从语义上讲,将所有内容放在
主元素中,而没有
文章
,有什么不对吗

举例来说,这有什么问题吗:

<main>
  <h1>Lorem ipsum</h1>
  <p> Lorem ipsum dolor sit amet...</p>
  <p>Vivamus ut eros vulputate...</p>
  <p>In tincidunt a neque rutrum dapibus...</p>
</main>

乱数假文
我爱你,我爱你

我爱你,我爱你

在锡西德,一种新的芦苇

还是这样更好:

<main>
  <article>
  <h1>Lorem ipsum</h1>
  <p> Lorem ipsum dolor sit amet...</p>
  <p>Vivamus ut eros vulputate...</p>
  <p>In tincidunt a neque rutrum dapibus...</p>
  </article>
</main>

乱数假文
我爱你,我爱你

我爱你,我爱你

在锡西德,一种新的芦苇


查看MDN后,似乎没有必要这样做。它确实有一些你不能做的事情

不能是
的后代”


我想说,如果它验证了,那么你就没事。

你不需要
中的
文章,如果它是唯一的;政府说在这种情况下是多余的。但是有一个没有什么错,当你的页面被动态模板化和生成,你的文章总是用
article
元素模板化时,它会很有用。

main
元素 您可以忽略
main
元素来做出此决定,因为它对章节/大纲没有影响

代码片段之间的差异 您的两个代码段创建了不同的文档大纲():

1。“同侧眼线”
vs

1。文件
1.1“Lorem ipsum”
您的第二个代码段没有为
正文
(它是一个分段根元素)提供标题元素,因此创建了一个隐式标题(即文档)

第一个代码片段中的
h1
正文的标题(即整个文档)。这在某些情况下是有意义的(例如,当它是只包含文章的独立页面时),但对于您的典型网站(包含全局导航、侧栏等),您通常希望将站点名称作为文档标题

tl;博士 如果您的页面是独立文档,而不是网站的一部分:


乱数假文

如果您的典型网页是网站的一部分(具有全局导航):


我的网站
乱数假文