Question

尽管在页面上阅读了有关<article>和<section>标签的网页，但我真的不明白如何将它们应用到我的网站。

我在页面末尾有一个包含相关产品的产品页面。首先，我想到做这样的事情：

<section>
   <header><h1>Product title</h1><header>
   <img src="image.jpg"/>
   <p>Description</p>
   <p>Price</p>
   <p><a href="...">Order</a></p>
</section>

<section>
  <header><h1>Related products</h1></header>
  <article>
    <a href="..."><img src="image1.jpg"><br/>Product 1</a><br/>Price
  </article>
  <article>
    <a href="..."><img src="image2.jpg"><br/>Product 2</a><br/>Price
  </article>
  <article>
    <a href="..."><img src="image3.jpg"><br/>Product 3</a><br/>Price
  </article>
</section>

但是，然后我读了一些其他博客，发现我可能应该用<section>标签替换<article>标签。

哪个是对的？为什么？感谢。

Answer 1

栏目

section元素表示文档或应用程序的通用部分。在这种情况下，一节是内容的主题分组。应通过将标题（h1-h6元素）作为section元素的子元素来识别每个部分的主题。

<强>文章


article元素表示文档，页面，应用程序或站点中的完整或自包含的组合，并且原则上可独立分发或可重用，例如，在联合。这可以是论坛帖子，杂志或报纸文章，博客条目，用户提交的评论，交互式小部件或小工具，或任何其他独立的内容项目。

当嵌套文章元素时，内部文章元素表示原则上与外部文章的内容相关的文章。例如，网站上接受用户提交的评论的博客条目可以将评论表示为嵌套在博客条目的文章元素中的文章元素。

直接离开W3 http://www.w3.org/html/wg/drafts/html/master/sections.html

在他们的示例中，他们在article内的section内嵌套article。我会说你肯定正确使用它。

<article> <header></header> <section> <h1></h1> <article></article> <article></article> </section> </article>

Answer 2

Sub PasteTest() Dim i As Integer Dim SearchRange, foundCell As Range Set SearchRange = Range("J11:J100") With SearchRange For i = 1 To 24 Set foundCell = .Cells.Find("PL " & i) If Not (foundCell Is Nothing) Then Range("P" & (i + 10)) = foundCell Set foundCell = foundCell.Offset(, -4) Range("S" & (i + 10)) = foundCell End If Next End With End Sub是一个独立的内容，即使所有内容都被删除也应该有意义。 <article>更像是一个通用容器，它与div标签非常相似，主要用于内容结构化。所以正确的代码应该是这样的：

<section>

如果您因为需要选择正确的HTML5语义元素而感到困惑，那么HTML 5医生也会有一个很棒的Flowchart。你可以尝试一下，看看它是否有帮助。

Answer 3

在HTML5标准中，<"article">元素定义了一个完整的，独立的相关元素块。

<"section">元素被定义为相关元素块。

我们可以使用这些定义来决定如何嵌套元素吗？不，我们不能！

在互联网上，您会发现包含<"section">元素且包含<"article">元素的HTML网页，以及包含<"article">元素的<"sections">元素。

您还会发现包含<"section">元素且包含<section>元素的网页以及包含<article>元素的<"article">元素的网页。

来自：http://www.w3schools.com/html/html5_semantic_elements.asp

<article>或<section>标签之间的混淆。使用哪种？</section> </article>

3 个答案: