你的位置:首页 > 网页设计

[网页设计]如何让所有的浏览器支持html5标签

         我找到的网上的解决方法是在head标签里加入html5shiv的谷歌引用,地址如下:

<!--[if IE]> <script src="/images/loading4.gif" data-original=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> < ![endif]-->

注意:将上代码复制到head部分,记住一定要是head部分(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在其他位置调用,否则失效)

  不要忘了给这些自定义的标签添加block属性:  
   /*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

但是,网上给的这个链接方法在虚拟机上用ietester实验发现没有成功,也就是没能下载到这个js链接

      


 

          所以,上面写的不成功,我决定把代码拿出来贴在head里或者自己本地写个html5.js,就像这样:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
(function(){if([email protected]_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>
<style>
/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
section{color: red}
</style>
</head>
<body>
<section>试验下</section>
</body>
</html>

然后经过试验ietest各种版本都可以,红色代码主要是利用document.createElement为浏览器添加新的标签以及设置为block属性,查阅了下ppk的网站,document.createElement所有浏览器都支持,注意添加的位置

贵州跟团旅游报价多少贵州旅游必去的地方是贵州旅游必去景点排名贵州旅游地图线路大全贵州旅游多少钱黄河游览区门票_郑州黄河游览区门票 深圳世界之窗图片_深圳世界之窗风景图片 天津塘沽洋货市场_天津洋货市场怎么去_天津洋货市场在哪里 抚顺红河谷漂流门票_红河谷漂流价格_红河谷漂流收费多少钱 吴卿:为西安世园会带来18件金雕作品 价值亿元 海南单价五千免税商品不到成交额一成 微博直播! 全程报道世园会开园仪式演出精彩盛况 5月1日西安“世园会”达到开园来的人流最高峰 龙池曼风景区住宿怎么样?嵩县龙池曼附近酒店介绍? 龙池曼风景区线路?嵩县龙池曼旅游攻略? 龙池曼风景区网站?嵩县龙池曼漂流预订多少钱? 龙池曼风景区门票多少钱?嵩县龙池曼收费项目有哪些? 在浙江最销魂的9种跨年姿势 你属于哪一类(组图) 搭乘巴士带你私奔到庐山西海 雪花啤酒古道探秘宁波桃花岭古道(组图) 武汉真人密室逃脱之X-space FQU2N60CTU Datasheet FQU2N60CTU Datasheet FQB12N60TM_AM002 Datasheet FQB12N60TM_AM002 Datasheet FQI12N60TU Datasheet FQI12N60TU Datasheet 这个时候去哪旅游好 这个时候去哪旅游好 这个时候去哪旅游好 这个暑假去哪里旅游 这个暑假去哪里旅游 这个暑假去哪里旅游 这季节去哪旅游 这季节去哪旅游 这季节去哪旅游