Rumah > Artikel > hujung hadapan web > html5标签figure、figcaption的区别比较
定义和用法
614eb9dc63b3fb809437a716aa228d24 标签定义 figure 元素的标题(caption)。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
浏览器支持
所有主流浏览器都支持 614eb9dc63b3fb809437a716aa228d24 标签。
HTML 4.01 与 HTML 5 之间的差异
614eb9dc63b3fb809437a716aa228d24 标签是 HTML 5 中的新标签。
figure、figcaption,这俩个标签都是定义图文的
常常用到一种图片列表,图片+标题或者图片+标题+简单描述。以前的常规写法:
25edfb22a4f469ecb59f1190150159c6
2056bbca4328b3a7628b4d64067cb34be388a4556c0f65e1904146cc1a846beetitleee2bfd64228f824cf6027e0da2815b78
bed06894275b65c1ab86501b08a632eb
而在html5中有了新标签更能语义化的定义出这中图片列表,那就是figure标签。
figure标签规定独立的流内容(图像、图表、照片、代码)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
figcaption 标签定义 figure 元素的标题。"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
那么上面的代码就变成了:
<figure> <figcaption>title</figcaption> <img src="test.jpg" /> </figure>
Atas ialah kandungan terperinci html5标签figure、figcaption的区别比较. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!