使用 HTML5 是否有任何特定的优势/<figure>用途<img>？
我认为<figure>没有 是没用<figurecaption>的，不是吗？
如果用一个例子来解释会很有帮助。
问问题
21353 次
3 回答
21
从技术上讲，图像不是插入到 HTML 页面中的，图像是链接到 HTML 页面的。该<img>标签为引用的图像创建了一个保存空间。
虽然<figure>元素的内容与主流相关，但它的位置与主流无关，如果移除它应该不会影响文档的流向
“ img 元素代表一个图像，”而“[t]he figure 元素代表一个内容单元，可以选择带有标题，它是自包含的，通常作为文档主要流程中的单个单元引用，并且可以将其从文档的主要流程中移开，而不会影响文档的含义。 ”
于 2012-09-17T05:36:55.413 回答
9
该标签为内容提供了一个容器，相当于书中的图形或图表。它可用于将标题与一个或多个图像、代码块或其他内容组合在一起。
换句话说，使我们能够更自由、更逼真地处理图像、图表，方法是将它们和标题组合在一起，或者将图像与单个标题组合在一起。
于 2012-09-17T05:52:29.263 回答
2
每当您在其上figure使用img, video标签时都会使用HTML5caption (figcaption)
如果您有许多带有标题文本的相关图像（或其他内容），则可以使用嵌套图形元素将组标题和单个标题与使用该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>
于 2012-09-17T05:38:19.877 回答