H5标签在IE浏览器下的兼容性问题

H5是在IE9以及以上浏览器中才支持，IE8及以下不支持H5标签，但是在IE9浏览器中还会存在一些问题

1、IE9中的问题

IE9浏览器会将H5部分语义化标签，解析为行内元素，比如：main标签。
解决办法：给main标签设置display：block样式

2、IE8及以下的问题

IE8及以下浏览器根本不认识H5标签
解决办法：
2.1 利用js手动创建标签，比如：document.createElement(‘main’),创建的标签默认为行内元素，因此需要给标签样式设置display：block；
2.2 利用第三方插件：html5shiv.min.js,直接引入即可

H5标签在IE浏览器下的兼容性问题相关推荐

页面在360浏览器下的兼容性问题解决
页面在360浏览器下的兼容性问题解决参考文章: (1)页面在360浏览器下的兼容性问题解决 (2)https://www.cnblogs.com/yangykaifa/p/7102497.html ...
H5标签＜video＞安卓端兼容性问题
H5标签<video>在安卓端兼容问题 1.autoplay不能正常生效解决:使用muted属性可以自动播放 2.不能正常显示视频第一帧作为封面解决:使用poster="ti ...
解决css firefox火狐浏览器IE浏览器下的兼容性问题
来源:http://www.163ns.com/zixun/post/4544.html 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-ri ...
css firefox火狐浏览器下的兼容性问题
1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-alig ...
手机html图片模糊,css3处理sprite背景图压缩来解决H5网页在手机浏览器下图标模糊的问题_html/css_WEB-ITnose...
最近在负责一个微信H5 App项目,遇到一个郁闷的问题,手机浏览器查看网页时图标都是模糊的,有锯齿,电脑浏览器显示则是正常.大概知道是分辨率适配等类型的问题,后来网上查找了一些办法,大部分的解决方案都 ...
elementui在ie9浏览器下的兼容性问题及解决方法
1.el-select组件内在IE9中会出现下图样式错乱,解决办法: // select框固定下拉箭头兼容ie9 .el-select .el-input .el-input__suffix .el- ...
360浏览器下的页面兼容性问题以及解决方法
引言: 在Web应用的开发过程中,发现若干页面在360的浏览器上显示不正常,而在其他的浏览器上,皆为正常状态,问题出在哪里呢? 问题的提出: Web页面在360的浏览器上,显示不正确. 但是在Fir ...
移动常见问题--H5标签之浏览器兼容性、JS之浏览器兼容性、CSS3之浏览器兼容性、移动端动画、click300ms延迟、单行和多行文字溢出省略、水平居中和垂直居中
1. H5标签之浏览器兼容性在移动端时可以放心的使用h5相关的标签但是如果需要兼容一些低版本的浏览器,例如IE6/7/8,此时可以到 [兼容] 下载一个 html5shiv.min.js 文件 ...
解决html5语意标签在IE低版本浏览器下的兼容问题：
方法一:手动改写. 1.在body中写入h5语意标签,这里用nav标签举例子:<nav></nav> 2.在js中手动创建h5的语意标签:document.createElem ...

H5标签在IE浏览器下的兼容性问题

H5是在IE9以及以上浏览器中才支持，IE8及以下不支持H5标签，但是在IE9浏览器中还会存在一些问题

1、IE9中的问题

2、IE8及以下的问题

H5标签在IE浏览器下的兼容性问题相关推荐

最新文章

热门文章