HTML怎么兼容IE8_HTML旧版本浏览器支持策略【说明】-html教程-PHP中文网

IE8不支持HTML5标签和部分JS API，需用html5shiv注册标签并降级使用DOM方法和类操作。

html怎么兼容ie8_html旧版本浏览器支持策略【说明】

它会把

、等当普通内联元素渲染，结果就是样式全乱——比如没设置display: block，文字就挤成一行。这不是CSS写错了，是IE8压根不识别这些标签名。

必须在里用条件注释加载html5shiv.js：

<!--[if lt IE 9]>
<script src="html5shiv.min.js"></script>
<![endif]-->

html5shiv本质是调用document.createElement('article')让IE8“记住”这些标签，否则连getElementById都找不到它们
别用innerHTML动态插入HTML5标签——js执行时IE8还没通过shim注册，照样失效

写document.querySelector('.btn')？IE8控制台立刻弹Object doesn't support property or method 'querySelector'。这不是语法错误，是API根本不存在。

降级方案：用document.getElementById代替querySelector('#id')；用document.getElementsByTagName或getElementsByClassName（需配合html5shiv）代替类选择器
element.classList.add('active')得拆成element.className += ' active'，注意开头加空格，否则变成'activeactive'
别依赖Array.prototype.forEach——IE8数组方法极简，循环老实用for(var i = 0; i

写了却还是进IE7模式？大概率是它没坐在最前面——前面哪怕多一个空格、一条注释，IE都会忽略它。

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

必须紧贴开头，在所有其他、之前
服务器返回的X-UA-Compatible响应头优先级更高，如果Nginx或Express里配了res.setHeader('X-UA-Compatible', 'IE=5')，HTML里的meta完全白写
用户手动把你的域名加进IE“兼容性视图设置”列表，这个meta也拦不住——得靠后端HTTP头统一管控，或引导用户关闭该设置

IE8连标签都不解析，更别说flex或opacity。硬塞polyfill容易翻车，不如按能力分层兜底。

视频用html5media.js：它检测到IE8就自动回退到Flash fallback，你只管写标准
```
<video src="a.mp4"></video>
```
弹窗透明遮罩？IE8不支持rgba()和opacity，得用半透明PNG做遮罩层，或用filter: alpha(opacity=50)（仅IE专有）
Flex布局放弃吧——IE10+才勉强支持-ms-flexbox，且行为差异大；改用float或inline-block，或者用@supports (display: flex)包裹新写法，旧浏览器自动跳过