前端工具类代码：兼容

IE兼容

---

兼容IE6,IE8,IE9,IE10,IE11,谷歌，火狐，360等常见的10个浏览器的HTML头部信息配置代码

---

浏览器兼容H5的标签

//js
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]);
}

//浏览器支持新标签后，还需要添加标签默认的样式
//css
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
mark{background:#FF0;color:#000}

---

标题html5视频兼容

//提供WebM和Mp4两种格式的视频，兼容代码如下

---

html5音频兼容

//提供WebM和Mp4两种格式的视频，兼容代码如下

---

一些常用的meta

1设置IE浏览器的兼容模式

但是在实际的项目中应该谨慎使用此方式，当在IE浏览器出现兼容问题时，
最好的做法是修改页面，编写规范的HTML代码，让页面支持最新的标准，而不是设置IE的兼容模式

此设置还有一种常见的设置值：

其中设置为chrome=1时，则会在IE9及以下浏览器中激活Chrome Frame，强制IE使用Chrome Frame渲染页面

2 设置页面在移动设备中的显示
一般针对移动设备优化的网页都会添加如下一条meta设置，

从而使得网页在移动设备中显示正常

3 设置IE浏览器的“固定网站”功能
这是IE浏览器的独有功能，是从IE9开始支持的，能够将网站如同应用程序一样固定在Windows Vista及以上版本系统的任务栏中，并且在点击图标后显示网站相关的菜单列表