h5语义化标签及其兼容性解决

h5语义化标签及其兼容性解决

html5的语义化标签确实为我们带来了许多方便，但是如何解决他的兼容性代码也是需要我们去解决的，简单分析一下h5的相关使用

h5带来了哪些好处

• 比较利于开发人员使用,不需要去仔细阅读每一个类，就可以较为清楚地分析出网页的整体结构。
• 利于SEO-搜索引擎优化,搜索引擎也要分析我们的网页，当时用了h5的时候，他也可以很方便的寻找出网页的重点部分，排名靠前。

(左为h5 右为传统网页)

h5带来的问题

• 最大就是兼容性，在IE8及其以前是不支持h5的，并且会将其解析为行间元素，涉及到h5标签(包括h5的相关api)，以及大部分的css3属性

  • IE9的显示效果
  • IE8的显示效果，（IE8是将其转换为行间元素进行解析）

• 如何解决兼容性问题

  1. 首先使用js创建元素，