HTML5已经发布好长时间，但IE8等老旧浏览器？它们有点不够给力呀。这让网页设计师们哭笑不得，琢磨着要怎么让这些过时货也能尝鲜HTML5。比如说，IE8看不明白HTML5的新兴标签，直接就懵圈了。别急，我们只需运用简单易懂的JavaScript和CSS，就能让IE8以及低于这个版本的浏览器也能享受到HTML5的精彩功能哟～！
哈喽大家好，告诉你们个秘密，用IE8、IE7、IE6浏览器上网其实也是可以看见HTML5滴！你只需要学会一招，那就是用document.createElement创建新标签，这下好了，各种炫酷的HTML5网页都在你的掌控之中，就算网络不好，或者计算机有点老，还是能够畅游这些神奇的页面！
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(', ');
var i= e.length;
while (i--){
document.createElement(e[i])
}
别忘了，除了标签，我们还要再加点儿初始样式！这样才能保证整个页面的布局和视觉效果不受影响喔！
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}
mark{background:#FF0;color:#000}
使用成熟框架html5shim解决兼容性问题
别再费力操劳怎么让老旧浏览器有HTML5新标签了，太麻烦了。就有个办法，你知道html5shim吗？这个就是专门解决这个问题的框架，放网页头里，就算你的浏览器还是IE 8甚至更低的版本也能轻松播放HTML5的视频呀~
你知道那个“HTML5Shim”吗？那可真是个神奇的小工具，能让老旧浏览器也能用上HTML5的新功能，解决浏览器不给力导致页面混乱的问题。用起来超顺手的，不用担心浏览器出故障，还能节省不少时间来丰富网页内容和提升用户体验，因为最重要的还是内容和互动！
检测浏览器对新特性支持的必要性
吼！HTML5和CSS3现在真心超赞！增添了好多特色功能哟~但是，因为浏览器规则不统一，有些老旧版的浏览器还有限制，有一部分特色功能就没法施展咯~
老铁们，在用新功能前，先瞧清楚自己的浏览器支不支持，别忘了这事！想要安心使用，就得保证浏览器完美接收这个特性。要是不小心咋了，退回去操作下也是可以的。
想要了解每款浏览器最新的那些好用功能？有点麻烦不过别怕，你可以试试Modernizr这个神器，它能帮你确认有哪些新功能是能用的。剩下的那些，就只能用别的办法慢慢找咯。
Modernizr框架介绍及使用方法
Modernizr的主要工作就是在各种浏览器上试运行新技术，检测哪些能运行，哪些不行；然后，它会帮我们在html元素上贴上标记。把这个工具插进网页里，再在html头部打个“无JS”的标志，就能等着网页加载完毕后，让Modernizr自动处理各种问题了。
用上Modernizr这神器，啥浏览器都能妥善处理~ CSS代码也好，多个背景图像的网页设计也罢，它统统帮你完成！
想要搞定Modernizr？上他们官网，丰富的实例和妙招等你来探索！让你的网页瞬间升级，酷到不行！
音频和视频在不同浏览器下的兼容处理
#nice {
background: url(background-one.png) top left repeat-x;
}
.multiplebgs #nice {
background: url(background-one.png) top left repeat-x,url(background-two.png) bottom left repeat-x;
}
音频和视频，这俩东西在网页里可是个大头但问题来了——各个浏览器对他们的处理各有千秋，所以让它们顺利播放还真是困难重重。
现在的浏览器几乎都可以听音频哦～不过它们支持的音频格式可不同。别急MP3 和 Ogg 这两种格式才是最靠谱的，不管在哪儿都能随意播放~
说起视频，除了发现音效不同以外，其实视频也会受浏览器影响！分享的时候别忘记带上 WebM 和 MP4 的两种格式，这样大部分浏览器都能愉快地播放！
评论0