Question

html figure和image的区别

Answer 1

html figure和image的区别如下：
1、figure元素是一种元素的组合，可带有标题（可选）。figure标签用来表示网页上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。
figure拥有一个子标签——figcaption标签。
实例：
用作文档中插图的图像：
<figure> <p>黄浦江上的的卢浦大桥</p>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>
2、img 元素向网页中嵌入一幅图像。这个标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
用法如下：
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />

区别：figure用于对元素进行组合。多用于图片与图片描述组合。而img只是一个图片元素而已。可以嵌套在figure中使用。

Answer 2

figure标签里面可以添加很多其他标签，包括img标签。用W3cShool的说法就是：<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

Answer 3

能表示出图像是位图以像素为单位，放大会虚化，图形是矢量图，放大无虚化，可不断放大。然后介绍制作分别涉及的软件。用一个图像和图形，然后做出同时放大厚的效果对比讲述。