HTML5适应旧的浏览器的使用总结

本文介绍如何使HTML5的新元素在旧版浏览器中正常显示,包括在HTML页面中加入针对HTML5的Javascript库,调整CSS样式,以及使用Modernizer工具测试浏览器对HTML5新特性的支持情况。

一、在HTML页面中加入

针对IE浏览器最好在javascript文件中将HTML5的新标示(tag)创建出来

如: document.createElement('section');

更直接、简单的做法是在HTML页面中加入针对HTML5的Javascript library,如:

<!-- Internet Explorer HTML5 enabling code: -->
<!--
[if IE]> <script src= "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script> <![endif]-->

二、在css文件中加入

header,footer,article,section,hgroup,nav,figure{
    /* Giving a display value to the HTML5 rendered elements: */
    display:block;
}

目的是讲旧浏览器不识别的标示(tag)进行初始化

三、测试HTML5的新特性

如何想进一步使用HTML5的新特征,如audio, video, 和canvas,最好是写代码先测试一下旧浏览器是否支持

Modernizer(http://www.modernizr.com/)是很好的在线工具,可以将其引入到你的Javascript文件中,如测试是否支持某种输入方式:

if (!Modernizr.inputtypes.color) {
 // JavaScript fallback goes here.
} 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值