关于HTML5文章和图形元素的快速问题

我有一个

部分

，其中有一个站点的图像和一个引用该站点的段落。我想知道什么是正确的方法，在你看来，我应该如何包装这2个HTML对象

我原本以为这样就行了（忽略

.img wrap

和

h2

）：

---

或者干脆把这段话总结一下？

很难说这里的最佳做法是什么，因为您没有给我们提供足够的上下文。我怀疑你在这里向我们展示的内容是否真的是一个很好的

，因为它看起来更像是一篇文章的主体，尤其是在那里抛出了

至于在内容的段落中使用

，那么，这并不是它真正的目的。想一想报纸或杂志上有一两张图片的文章来增加趣味。内容正文中没有描述图像，但图像内容与文章相关。图片上的标题是对图片所显示内容的简要描述，通常用于澄清您所看到的人或内容

对于您的情况，以下内容可能是最合适的：

<article id="featured">
  <h1>Featured Project</h1>
  <figure>
    <img src="image.jpg" alt="A brief caption about the image.">
    <figcaption>A brief caption about the image.</figcaption>
  </figure>

  <p>
    Lorem ipsum, your articlus can goeth here.
  </p>
</article>

特色项目
关于图像的简短说明。

Lorem ipsum，你的小齿可以到这里。

---

您无需将整篇文章包装在一个

包装在

中，只需显示一个图像即可。您根本不必使用

，如果您使用了

，则可能不需要使用

。不要仅仅为了使用HTML5元素而尝试使用HTML5元素。如果您认为没有令人信服的理由来使用它们，那么您最好将时间花在构建内容上，并在稍后对其进行迭代，以改进标记的语义。

很难说这里的最佳实践是什么，因为您没有给我们足够的上下文。我怀疑你在这里向我们展示的内容是否真的是一个很好的

，因为它看起来更像是一篇文章的主体，尤其是在那里抛出了

至于在内容的段落中使用

，那么，这并不是它真正的目的。想一想报纸或杂志上有一两张图片的文章来增加趣味。内容正文中没有描述图像，但图像内容与文章相关。图片上的标题是对图片所显示内容的简要描述，通常用于澄清您所看到的人或内容

对于您的情况，以下内容可能是最合适的：

<article id="featured">
  <h1>Featured Project</h1>
  <figure>
    <img src="image.jpg" alt="A brief caption about the image.">
    <figcaption>A brief caption about the image.</figcaption>
  </figure>

  <p>
    Lorem ipsum, your articlus can goeth here.
  </p>
</article>

特色项目
关于图像的简短说明。

Lorem ipsum，你的小齿可以到这里。

---

您无需将整篇文章包装在一个

包装在

中，只需显示一个图像即可。您根本不必使用

，如果您使用了

，则可能不需要使用

。不要仅仅为了使用HTML5元素而尝试使用HTML5元素。如果您认为没有令人信服的理由使用它们，那么您最好将时间花在构建内容上，并在以后对其进行迭代，以改进标记的语义。

我试图找到一种语义方法来将图像和段落包装在一起，因为它们彼此相关。我在一篇文章中使用了多个部分。我相信这是正确的方法，尽管我不确定。我并不是为了好玩而尝试HTML5的新功能。。我花了一些时间研究元素，并尝试使用更少的div来确定。。。如果这样的话，我就有麻烦了。它们已经在文章中“包装”在一起了（在我的示例代码中）。您可能不希望在一篇文章中包含多个部分。有一个很弱的论据支持它，比如一个令人震惊的杂志风格的事物列表，但它们实际上并不是各自的部分。所以文章..部分..部分..文章是个坏主意？HTML5的医生说我可以用“s”来表达，这正是我正在做的。但是我没有看到我可以在一篇文章中使用更多的文章，如果每个

都可以独立存在，那么我想这没关系。我避免使用太多的部分；如果过度使用，它很快就会变得像

一样没有语义。我试图找到一种语义方法来将图像和段落包装在一起，因为两者都是相互关联的。我在一篇文章中使用了多个部分。我相信这是正确的方法，尽管我不确定。我并不是为了好玩而尝试HTML5的新功能。。我花了一些时间研究元素，并尝试使用更少的div来确定。。。如果这样的话，我就有麻烦了。它们已经在文章中“包装”在一起了（在我的示例代码中）。您可能不希望在一篇文章中包含多个部分。有一个很弱的论据支持它，比如一个令人震惊的杂志风格的事物列表，但它们实际上并不是各自的部分。所以文章..部分..部分..文章是个坏主意？HTML5的医生说我可以用“s”来表达，这正是我正在做的。但是我没有看到我可以在一篇文章中使用更多的文章，如果每个

都可以独立存在，那么我想这没关系。我避免使用太多的部分；如果它被过度使用，它很快就会变得像

一样没有语义。

<article id="featured">
  <h1>Featured Project</h1>
  <figure>
    <img src="image.jpg" alt="A brief caption about the image.">
    <figcaption>A brief caption about the image.</figcaption>
  </figure>

  <p>
    Lorem ipsum, your articlus can goeth here.
  </p>
</article>