HTML5与img的用法是什么?

时间:2012-09-17 05:34:02

标签: html5 image tags figure difference

<figure>上使用HTML5 <img>是否有任何特定优势/用途?

我认为<figure>没有<figurecaption>就没用了,不是吗?

如果用一个例子来解释将会有所帮助。

3 个答案:

答案 0 :(得分:18)

图像在技术上并未插入HTML页面,图像链接到HTML页面。 <img>标记为引用的图像创建一个保留空间。

虽然<figure>元素的内容与主流相关,但其位置与主流无关,如果删除则不应影响文档的流程

来自http://dev.w3.org/

The img element represents an image.和the figure元素表示内容单元,可选地带有标题,是自包含的,通常从文档的主流中引用为单个单元,并且可以是远离文档的主流而不影响the document’s meaning.

答案 1 :(得分:8)

  

标签为内容提供容器   相当于书中的图形或图表。 可以用来   将一个标题与一个或多个图像,一个代码块或其他图像分组   含量

换句话说,通过对图像和图表进行分组,使我们能够更自由,更真实地使用图像和图表。标题一或带有单个标题的图像。

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

答案 2 :(得分:1)

每当您在figure上使用img, video代码时,就会使用

HTML5 caption (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>

Here are some examples