HTML5教程之figure元素与figcaption元素详解

HTML5教程之figure元素与figcaption元素详解

HTML5教程之元素与元素详解

大家在写xhtml、html中常常用到一种图片列表，图片+标题或者图片+标题+简单描述。以前的常规写法：

<li>

<img src="" /><p>title</P>

</li>

而在html5中有了新标签更能语义化的定义出这中图片列表，那就是标签。

w3c赋予的定义：标签规定独立的流内容（图像、图表、照片、代码等等）。 元素的内容应该与主内容相关HTML5教程之figure元素与figcaption元素详解，但如果被删除html figure，则不应对文档流产生影响。

实例代码：

黄浦江上的的卢浦大桥

用来代替原来li标签html figure，P标签谁来取代呢？答案就是：

w3c赋予的定义： 标签定义 元素的标题（）。”” 元素应该被置于 “” 元素的第一个或最后一个子元素的位置。

那么上面的代码就变成了：

黄浦江上的的卢浦大桥

这是个特别易于理解的标签html figureHTML5教程之figure元素与figcaption元素详解，其用法也特别清楚。即便是简单，这里也建议大家亲自动手写下。

上一课: HTML5教程之标签详解下一课: HTML5教程之元素与元素详解