• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Joanna Qian
Stay Hungry, Stay Foolish!
博客园    首页    新随笔    联系   管理    订阅  订阅
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.
} 
posted on 2012-08-27 23:09  Joanna Qian  阅读(309)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3