上证指数构成

老鼠哥|网络站长门户网,PHP工程师,PHP教程,PHP100,PHP源码,PHP程序员
  • 老鼠哥网络站长门户改版新上线
  • 欢迎您老鼠哥网络门户网
  • 老鼠哥网络站长门户改版新上线
  • 欢迎您老鼠哥网络门户网

让IE支持Section等新布局标签的方法

出处:老鼠哥站长网 作者:老鼠哥 日期:2013-01-17 18:06 浏览:次
在使用Html5布局的时候,出现了很多新的布局标签,如:header、nav、section、article、aside、footer等,这些标签已经在前面的

在使用Html5布局的时候,出现了很多新的布局标签,如:<header>、<nav>、<section>、<article>、<aside>、<footer>等,这些标签上证指数构成已经在前面的文章中介绍过,请参阅《Html 5 新特性_布局新标签》。

让IE支持Section等新布局标签的方法[点击放大]

这些标签所创建的元素都是以inline样式被渲染的,如果要使他们变为块元素,需要在css中将其声明:

header, footer, article, section, nav, menu, hgroup {display: block;}

并且,在IE6-IE8都无法去解析<section>等标签,不过我们可以用一小段JS代码来修正它,用document.createElement(tagName) 来创建未知的元素IE的解析器会识别出这些元素,将他们以更合理有效的方式解析展示出来。比如我们可以使用下面的这段代码:

document.createElement("section");
讲到这里,让我想起了以前的一篇文章《用Html5制作简单的6列自适应布局》,在这篇文章中,没有对IE浏览器进行处理,以至于这个示例只能在Firefox、chrome、Opera浏览器中浏览,现在我们可以加上上面那段JS来修正它:

<script>

上证指数构成 document.createElement("section");

document.createElement("article");

上证指数构成 document.createElement("footer");

上证指数构成 document.createElement("header");

上证指数构成 document.createElement("hgroup");

document.createElement("nav");

上证指数构成 document.createElement("menu");

</script>

顶一下
(0)
0%
踩一下
(0)
0%
最新评论
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片

上证指数构成