当前阅读教程:HTML5入门电子教程 > HTML5 figure和figcaption 元素 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: HTML5 footer 元素 | 下一篇: HTML5 表单属性和input详解 |
<figure>标签规定独立的流内容(图像、图表、照片、代码等等)。 <figure> 元素的内容应该与主内容相关,但如果被删除,则不应对文档 流产生影响。 <figcaption> 标签定义 <figure> 元素的标题. <figcaption>元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML5 figure和figcaption 元素</title> </head> <body>
<figure>标签规定独立的流内容(图像、图表、照片、代码等等)。
<figure> 元素的内容应该与主内容相关,但如果被删除,则不应对文档 流产生影响。
<figcaption> 标签定义 <figure> 元素的标题.
<figcaption>元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
</body> </html> 效果如图8-17。 我们可以开始使用这些语义元素吗?以上的元素都是块元素(除了<figcaption>). 为了让这些块及元素在所有版本的浏览器中生效,你需要在样式表文件中设置一下属性 (以下样式代码可以让旧版本浏览器支持本章介绍的块级元素): header, section, footer, aside, nav, article, figure { display: block; } |
|
上一篇: HTML5 footer 元素 | 下一篇: HTML5 表单属性和input详解 |