我找到了几个建议在<figure>
中包装图片或徽标的教程。
到目前为止我所看到的是它在图像周围添加了一些边距并将显示属性从内联块更改为块(显然),但就SEO和HTML架构而言,使用{{的好处是什么? 1}}?
:
<figure>
http://www.w3schools.com/Tags/tag_figure.asp
由于
答案 0 :(得分:13)
首先,请avoid using W3Schools。主要原因是他们发布了大量不准确的信息。在Mozilla Developer Network (MDN)上可以找到一个更适合网络开发的地方。
专门针对他们的&lt; figure&gt;页。
<figure>
基本上只是另一个HTML5元素,它被定制为对于所创建的HTML结构更具语义性。这与我们创建<article>
,<section>
,<aside>
和<nav>
标记的原因相同,因此开发人员和漫游器可以更好地理解内容同样在阅读页面的来源时,而不是让<div>
在任何地方被抛出,使其变得混乱。
答案 1 :(得分:0)
AFAIK,HTML5中的<figure>
标记是HTML <img>
+ <pre> tag for code snippet
的组合。
引自MDN
通常这是图片,插图,图表,代码片段, 或者在主文本中引用但可以移动的模式 到另一页或附录而不影响主流。