HTML5中的figure与img有什么用途？

Question

使用HTML5 <figure> 相比于 <img> 有什么具体的优势/用途吗？

我认为没有 <figurecaption> 的 <figure> 是无用的，是吗？

如果能用例子解释会更好。

- diEcho

---

相关文章 http://webdesign.tutsplus.com/tutorials/quick-tip-consider-wrapping-your-code-with-a-figure-element--cms-21646 - Adriano

Answer 1

图片并不是直接插入到HTML页面中的，而是链接到HTML页面中的。 <img>标签为引用的图片创建一个占位空间。

虽然<figure>元素的内容与主要流相关，但其位置独立于主要流，如果删除它，不应影响文档的流程。

来自http://dev.w3.org/ "img元素表示图像，"而"[t] figure元素表示一个内容单元，可选地带有标题，该单元是自包含的，通常作为单个单元从文档的主要流程中引用，并且可以将其移动到文档的主要流程之外而不影响文档的含义。"

- user1280616

---

抱歉，我真的不明白你的意思。你能举个例子来解释一下吗？ - xkeshav

@NullPoiиteя：最后一个（很长的）链接已经失效，我甚至无法访问其[父目录]（http://dev.w3.org/html5/markup/）:-(Translated: @NullPoiиteя: 最后一个（很长的）链接已经失效，我甚至无法访问它的上一级目录 :-( - RubenGeert

Answer 2

标签提供了一个容器，用于存放相当于书中图形或图表的内容。它可以用于将标题与一个或多个图像、代码块或其他内容分组。

换句话说，<figure> 标签使我们更自由、更真实地使用图像和图表，让我们能够将它们分组，并在单个标题下为一个或多个图像添加标题。

来源：http://www.html-5.com/tags/figure-tag/index.html

- Viral Jain

Answer 3

在使用带有标题（figcaption）的、

如果你有多个相关联的图片或其他内容需要添加标题，可以使用嵌套的figure元素来为每个实例关联一个组标题和一个个体标题，并使用figcaption元素为它们设置标题文本。

<figure role="group">
 <img src="castle-etching.jpg" alt="The castle has one tower, and a tall wall around it.">
 <figcaption>Charcoal on wood. Anonymous, circa 1423.</figcaption>
</figure>

Here are some examples

- Dipak

---

@diEcho我无法在这里写一篇完整的页面文章:)请在网页上阅读图表：http://www.sitepoint.com/real-world-accessibility-html5-aria-and-the-modern-web/ - Dipak

不正确，<figure>标签只在某些情况下使用：当其内容可以被删除而不影响主要流程，并且其位置可以独立于主要内容之外时。 将所有图像放入<figure>标签中是一个不好的习惯。 - quasi