如果有的话,对于机器阅读器来说,语义正确的HTML5标准在section/article中 Package article/section有什么区别?

dgiusagp  于 2023-04-27  发布在  HTML5
关注(0)|答案(1)|浏览(215)

在不同的页面上有无数的例子,这两种做法。有些人这样做,有些人更喜欢另一种方式。我问的是关于两者之间的差异的客观,可核实的来源:
A)如果把<section>放在<article>里面,如果有,有什么含义?

<article>
     <section><p></p></section>
     <section><p></p></section>
     <section><p></p></section>
   </article>

B)如果把<article>放在<section>里面,如果有的话的含义是什么?

<section>
     <article><p></p></article>
     <article><p></p></article>
     <article><p></p></article>
   </section>
  • 我不是在问“什么是最佳实践”,因为每个人都必须自己决定,每个项目都是不同的。我只是在问非人类的,基于机器的口译员到底会发生什么(如Web浏览器、Google爬虫等)自动读取页面时,试图弄清楚什么在语义上的位置。答案应该涉及(并教授)以下内容,并提供论据或来源:*

1.当网络浏览器和Google爬虫看到article > sectionsection > article时,会有什么不同吗?
1.如果它确实有影响,那么它的确切含义是什么?
章节〉文章

文章〉章节

lsmd5eda

lsmd5eda1#

答案完全取决于手头的内容。如果您提供您的具体内容的摘要,我将相应地更新此答案。在此之前,一个包罗万象的答案:

  • <article> element是指“文档、页面、应用程序或站点中的自包含组合,旨在独立分发或可重用”的内容。
  • <section> element仅用于描绘更大的分段根的部分,例如<main><article>,甚至<footer>
    **什么时候使用section > article**的一个很好的例子是餐厅菜单的甜点部分。作为一个整体,它是一个更广泛的文档的一部分,它包含的每道菜都是独立分发的:
<main>
  <h1>Menu</h1>
  ...
  <section>
    <h2>Desserts</h2>
    <article>
      <h3>Ice Cream Sundae</h3>
      ...
    <article/>
    <article>
      <h3>Chocolate Brownie</h3>
      ...
    <article/>
  <section>
</main>

**使用article > section**的一个很好的例子是,当你有一个配方(可以从页面的其他部分独立分发),并且有多个部分 * 不是 * 独立分发的时候:

<main>
  <h1>Recipes</h1>
  <article>
    <h2>How to Bake a Cake</h2>
    <section>
      <h3>Gather the ingredients.</h3>
      ...
    </section>
    <section>
      <h3>Preheat the oven.</h3>
      ...
    </section>
    ...
  </article>
</main>

甚至在某些情况下,section > article > sectionarticle > article > section或以上任何组合都是合适的。
这完全取决于内容。没有通用的答案。

相关问题