先看一个图
这个图描述了2016年1月至8月网民们所使用的浏览器市场份额（来源：http://tongji.baidu.com/data/browser）。令我感到欣慰的是chrome排第一，chrome一直以来对W3C标准都支持得比较友好，但是图中也反映了使用IE系列的人数也不少，所以我们日常做前端开发的时候还要考虑他们的感受。
以下是正文：
我的前任公司做前端的时候，要求兼容IE8及以上，谷歌，火狐三座大山。因为是用的表格布局（有一定历史了~），所以日常开发以及维护的时候一般也没什么太大的兼容问题要处理。现在谷歌和火狐对W3C标准支持得比较好，特别是最新的版本。现在火狐最新版本是49.0.1.6109，chrome最新版本53.0.2785.116 。写过几个HTML5+CSS3的小页面（3D魔方动画、简笔画+动画），支持的都很好。某些CSS3属性不支持直接加前缀 -webkit- 、 -moz- 、-o-、-ms- 即可解决。
一句话总结 ： 各大浏览器最新版几乎都支持W3C标准，但日常开发用到CSS3属性的时候建议加上前缀，以向前兼容老版本的浏览器。
栗子：
transform-style: preserve-3d; /*W3C标准*/
-webkit-transform-style: preserve-3d; /*chrome safari*/
-moz-transform-style: preserve-3d; /*firefox*/
-0-transform-style: preserve-3d; /*opera*/
说完简单的来说点不是很复杂的。
IE系列中,IE9及以上对HTML5支持都不错了。但是IE678还是有很大的问题，主要就是不支持HTML5的新标签。
（HTML5加了什么新标签？新标签有什么作用？请看https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document）
这个问题我认为比较好的解决方案就是html5shiv.js（什么？你说还有更好的解决方案？请不吝告知，万分感谢）
这个文件有兴趣的可以看看，主要是创建了html5的新标签（栗 article nav等），然后将这些标签设为块级元素。
对于小白来说，使用非常简单，在页面的head中添加下面的代码
查看更多关于浅谈CSShack（浏览器兼容）的详细内容...