什么是<figure>标签？

Question

我找到了几个建议包装图像或徽标的教程<figure>.到目前为止我所看到的是它在图像周围添加了某种边距并将显示属性从内联块更改为块(显然),但就SEO和HTML架构而言,使用的好处是<figure>什么？

来自W3schools:

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

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

谢谢

Answer 1

首先,请避免使用W3Schools.主要原因是他们发布了大量不准确的信息.在Mozilla开发者网络(MDN)上可以找到一个更适合Web开发的地方.

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

A <figure>基本上只是另一个HTML5元素,它被定制为对创建的HTML结构更具语义性.这就是为什么我们有相同的理由<article>,<section>,<aside>,和<nav>阅读页面的源代码时,而不必创建标签,使内容更好地开发和机器人理解都<div>扔到处使这一切混乱.