元素
< figure > 标签规定独立的流内容(图像、图表、照片、代码等等)。
< figure > 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
< figcaption > 标签定义 < figure > 元素的标题.
< figcaption >元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
实例
< figure >
< img src=http://www.admin5.com/article/20130828/"img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228" >
< figcaption>Fig1. - The Pulpit Pock, Norway.
).
为了让这些块及元素在所有版本的浏览器中生效,你需要在样式表文件中设置一下属性 (以下样式代码可以让旧版本浏览器支持本章介绍的块级元素):
header, section, footer, aside, nav, article, figure
{
display: block;
}
Internet Explorer 8 及更早IE版本中的兼容问题
IE8 及更早IE版本无法在这些元素中渲染CSS效果,以至于你不能使用 < header >, < section >, < footer >, < aside >, < nav >, < article >, < figure >, 或者其他的HTML5 elements.
解决办法:你可以使用HTML5 Shiv Javascript脚本来解决IE的兼容问题。HTML5 Shiv下载地址:http://code.google.com/p/html5shiv/
下载后,将以下代码放入的网页中:
< !--[if lt IE 9] >
< script src=http://www.admin5.com/article/20130828/"html5shiv.js" >< /script >
< ![endif]-- >
以上代码在浏览器小于IE9版本时会加载html5shiv.js文件. 你必须将其放置于 元素中,因为 IE浏览器需要在头部加载后渲染这些HTML5的新元素
以上所分享的是关于HTML5 语义元素,下面是编辑为你推荐的有价值的用户互动:
相关问题:HTML5里面的语义元素实用吗?
答:语义肯定是十分有必要的,就像生活中每一样东西都有自己命名,如果都统一命名觉得合理吗?至于实用在开发当中,语义化也是开发中的一种规范,便于二次读写代码,浏览器识别也是有好感的。 >>详细
相关问题:html5结构元素的作用
答:①HTML5出现了很多代表新的语义的标签,就想你说的hgroup、section、aside、figure等等。 ②如果你了解布局方式从以前的“table表格布局”到现在注重语义化的布局的转变,你就不会奇怪为什么对多出怎么多看上去有点啰嗦的新标签了。 简单点说,你用d... >>详细
相关问题:html5新增的语义标签有哪些
答:HTML5中新增标签 : 定义外部的内容,外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。 : 定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 :... >>详细