<figure> 标签有什么用？答案

【问题标题】：What is the <figure> tag for?<figure> 标签有什么用？
【发布时间】：2014-04-30 01:04:44
【问题描述】：

我找到了一些推荐在<figure> 中包装图像或徽标的教程。到目前为止我所看到的是它在图像周围添加了某种边距并将显示属性从 inline-block 更改为 block（显然），但就 SEO 甚至 HTML 架构而言，使用 @987654323 有什么好处@?

来自 W3schools：

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>

http://www.w3schools.com/Tags/tag_figure.asp

谢谢

【问题讨论】：

标签： html figure

【解决方案1】：

首先，请avoid using W3Schools。主要原因是他们发布了很多不准确的信息。可以在Mozilla Developer Network (MDN) 上找到为 Web 开发而不断发展的更好的地方。

特别是在他们的 figure> 页面上。

<figure> 基本上只是另一个 HTML5 元素，它被定制为更符合所创建的 HTML 结构的语义。这与我们创建<article>、<section>、<aside> 和<nav> 标签的原因相同，以便开发人员和机器人在阅读页面源时更好地理解内容，而不是使用@ 987654329@ 到处乱扔，让一切变得混乱。

【讨论】：

我喜欢这条线First off, avoid using W3Schools please。很正确的说法； w3schools 仍在使用旧内容。

【解决方案2】：

AFAIK，HTML5 中的 <figure> 标签是 HTML <img> + <pre> tag for code snippet 的组合。

引用自 MDN

通常这是图像、插图、图表、代码 sn-p、或正文中引用但可以移动的架构到另一个页面或附录，而不影响主要流程。

【讨论】：