前端的学习是一个漫长的积累过程，其中浏览器兼容一直是前端学习的一个重点。作为一个新手，今天简单聊聊前端兼容性的问题。这篇文章主要写给刚步入前端开发行列的小伙伴，如果有大牛看见，也希望能够给出一点指导和意见。

浏览器的兼容问题主要原因是因为市场上的浏览器种类繁多，而且几大浏览器的内核也是不一样的，这就造成不同浏览器对代码的解析存在区别，从而导致了各种各样的兼容问题。现在市场上主流的浏览器及其内核主要是这五大类：

Trident：IE内核

Gecko：Firefox内核

Presto：Opera前内核 (已废弃)

Webkit：Safari内核（Chrome内核原型,开源)

Blink：Chrome（28及往后版本）、Opera（15及往后版本）

这五大类浏览器造成了许多兼容问题，同时，浏览器的升级换代也造成了不同版本浏览器兼容问题。这些兼容问题主要可以分为HTML、CSS和JavaScript三大类。

HTML兼容

主要是浏览器升级后低版本浏览器对新的HTML标签的不支持，所以在解决这类兼容问题时，要了解新的标签是否支持低版本浏览器，以及关注新增加的一些标签。

CSS兼容

CSS给我的感觉是越学越难，当了解的越多时，也就越知道CSS问题的复杂性。因为我对CSS的学习可能不够专业，在这里也就介绍一下简单的兼容解决方法，更深层次的问题还需要高手来指导。

学会使用hack写法来解决一下属性和选择符的兼容写法；

知道一些CSS常见bug和解决方法；

了解一些新的C3属性。

JavaScript兼容

JavaScript兼容主要是浏览器对一些方法是否支持，在这里罗列几个我知道的兼容问题。也欢迎大家评论添加，有机会我会整理出来一个表格，提供给大家参考。

1） 事件对象兼容

evt = evt || window.event;

2） 阻止事件冒泡兼容

event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true;

3）阻止默认行为兼容

evt.preventDefault ? evt.preventDefault() : evt.returnValue = false;

4）事件目标对象兼容

var t = event.target || event.srcElement;

5）事件绑定兼容

If (oBtn.attachEvent) {

oBtn.attachEvent("onclick", ）

} else {

oBtn.addEventListener("click"， ）

}

以上内容只是简单描述了一些常见兼容问题，希望对有些小伙伴能有一点帮助。