文档章节

HTML5 兼容IE浏览器

tianfuguoss
 tianfuguoss
发布于 2015/12/01 19:07
字数 446
阅读 14
收藏 0

Java代码 复制代码 收藏代码

  1. <!doctype html>  

  2. <html>  

  3. <head>  

  4. <meta charset="utf-8">  

  5. <title></title>  

  6. <!--[if IE]>  

  7. <script type="text/javascript">  

  8. (function(){if(!/*@cc_on!@*/0)return;var e ="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})();  

  9. </script>  

  10. <![endif]-->  

  11. </head>  

  12. <style type="text/css">  

  13. header,nav,aside,article,footer{ display:block;}  

  14. </style>  

  15. <body>  

  16. <header>  

  17.     <p class="f_r"><a>手机访问</a>|<a>网站地图</a>|<a>来院路线</a>|<a>收藏本站</a></p>  

  18. </header>  

  19. <nav>  

  20.     <ul>  

  21.         <li>导航一</li>  

  22.         <li>导航二</li>  

  23.         <li>导航三</li>  

  24.     </ul>  

  25. </nav>  

  26. <article>内容</article>  

  27. <aside>  

  28.     栅栏  

  29. </aside>  

  30. <footer>  

  31.     <p>备案信息</p>  

  32. </footer>  

  33. </body>  

  34. </html>  

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--[if IE]>
<script type="text/javascript">
(function(){if(!/*@cc_on!@*/0)return;var e ="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})();
</script>
<![endif]-->
</head>
<style type="text/css">
header,nav,aside,article,footer{ display:block;}
</style>
<body>
<header>
	<p class="f_r"><a>手机访问</a>|<a>网站地图</a>|<a>来院路线</a>|<a>收藏本站</a></p>
</header>
<nav>
	<ul>
    	<li>导航一</li>
        <li>导航二</li>
        <li>导航三</li>
    </ul>
</nav>
<article>内容</article>
<aside>
	栅栏
</aside>
<footer>
	<p>备案信息</p>
</footer>
</body>
</html>

 

其中的代码如下,通过JS创建HTML5标签下载地址 

Java代码 复制代码 收藏代码

  1. <!--[if IE]>  

  2. <script type="text/javascript">  

  3. (function(){if(!/*@cc_on!@*/0)return;var e ="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})();  

  4. </script>  

  5. <![endif]-->  

<!--[if IE]>
<script type="text/javascript">
(function(){if(!/*@cc_on!@*/0)return;var e ="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})();
</script>
<![endif]-->

 

其中的代码如下,这些标签本身就是块级标签,所以把这些标签转成块级标签

Java代码 复制代码 收藏代码

  1. header,nav,aside,article,footer{ display:block;}  

header,nav,aside,article,footer{ display:block;}

 

效果图:

 

 

© 著作权归作者所有

共有 人打赏支持
tianfuguoss
粉丝 0
博文 5
码字总数 3078
作品 0
南京
史无前例的 HTML5 资源参考指南

尽管 HTML5 规范在 2014 年之前不会有正式版本,很多设计师已经开始试水高级浏览器已经支持的部分 HTML5 功能。HTML5 为 Web 设计和应用开发打开了一扇全新的门,原生支持了以前只可能使用 ...

李长春
2012/03/02
0
1
HTML5和CSS3不仅仅是两项新的Web技术标准

HTML5和CSS3不仅仅是两项新的Web技术标准 HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术。虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那...

课工场CC老师
2017/10/24
0
0
给网页设计师的30个HTML5学习资源

早在几个星期前,Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知,HTML5在互联网领域掀起了一场大论战,并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言...

晨曦之光
2012/03/09
0
0
HTML5和CSS3开发工具资源汇总

HTML5和CSS3已经开始彻底变革全世界的Web前端开发和Web设计发展格局,因为他们给这个领域带来了太多太多令人惊奇的新特性!我用大量时间学习了HTML5和CSS3技术,它们的动画、圆角等特效会令你...

晨曦之光
2012/03/09
0
0
网页离线进行本地存储使用 Localstorage和userdata 实现,兼容主流浏览器

本文是有借鉴网上前辈们写过的,以及自己添加和修改了一些方法。我在chrome,firefox,ie8,ie9和ie10兼容模式测试下均可正常运行,放在这里给需要的人用吧。 这里先简单介绍下localstorage和u...

-悟空-
2013/10/28
0
3

没有更多内容

加载失败,请刷新页面

加载更多

OSX | SafariBookmarksSyncAgent意外退出解决方法

1. 启动系统, 按住⌘-R不松手2. 在实用工具(Utilities)下打开终端,输入csrutil disable, 然后回车; 你就看到提示系统完整性保护(SIP: System Integrity Protection)已禁用3. 输入reboot回车...

云迹
今天
3
0
面向对象类之间的关系

面向对象类之间的关系:is-a、has-a、use-a is-a关系也叫继承或泛化,比如大雁和鸟类之间的关系就是继承。 has-a关系称为关联关系,例如企鹅在气候寒冷的地方生活,“企鹅”和“气候”就是关...

gackey
今天
4
0
读书(附电子书)|小狗钱钱之白色的拉布拉多

关注公众号,在公众号中回复“小狗钱钱”可免费获得电子书。 一、背景 之前写了一篇文章 《小狗钱钱》 理财小白应该读的一本书,那时候我才看那本书,现在看了一大半了,发现这本书确实不错,...

tiankonguse
今天
4
0
Permissions 0777 for ‘***’ are too open

异常显示: @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: UNPROTECTED PRIVATE KEY FILE! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ......

李玉长
今天
5
0
区块链10年了,还未落地,它失败了吗?

导读 几乎每个人,甚至是对通证持怀疑态度的人,都对区块链的技术有积极的看法,因为它有可能改变世界。然而,区块链技术问世已经10年了,我们仍然没有真正的用上区块链技术。 几乎每个人,甚...

问题终结者
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部