很多低版本的浏览器是不识html5新增的标签的,所以为了解决浏览器兼容性问题,主要有两种方法:
- js可以创建我们自定义的标签,例如,我们可以用js语句 document.createElement('leo')创建<leo>标签,然后再给它样式,但是创建的leo标签并不是一个块标签,所有可以利用display:block;使leo标签成为块标签,所以我们可以利用js语句分别将html5新增的标签(header,footer...)创建出来,然后分别设置他们的display:block;这样,就可以兼容低版本的浏览器。
- 利用一个插件 html5shiv.js ,这也是跟第一种方法差不多,只不过第一种比较麻烦,现在将第一种方法写成js插件引入,比较方便。
新增的带有功能效果作用性的标签(datalist、datadetails)要想兼容,只能用原始的js来实现
无标题文档 用在页面的头部或者板块的头部 内容区域