html4和html5作为不同时期的网页标记语言规范，对浏览器的要求并不相同，老浏览器对html5的支持也存在明显局限性。html4发布时间较早，核心目标是统一网页结构标记，对浏览器的解析能力要求较低，主流浏览器在很早的版本就已经实现了对html4的完整支持。而html5在html4的基础上新增了大量语义化标签、原生多媒体支持、本地存储等功能，对浏览器的解析引擎和特性支持提出了更高要求。
html4和html5的浏览器要求差异
两者的浏览器要求差异主要体现在规范特性和支持范围两个方面：
规范特性要求
html4的标签和属性相对简单，浏览器只需要能够解析基础的块级、行内标签，以及对应的样式和脚本交互即可，不需要支持额外的原生功能。而html5新增了<header>、<footer>、<video>、<canvas>等大量新标签，同时要求浏览器原生支持音频视频播放、绘图、本地存储、地理定位等功能，对浏览器的功能完整性要求更高。
浏览器版本支持
html4几乎被所有主流浏览器支持，包括非常早期的IE6、IE7等老版本浏览器都可以正常解析html4页面。而html5的支持需要浏览器版本达到一定标准，比如IE系列需要IE9及以上版本才开始部分支持html5，Chrome、Firefox等现代浏览器则从较新的版本开始完整支持html5规范。
老浏览器对html5的支持情况
发布时间早于html5规范的老浏览器，本身没有内置html5的解析规则，对html5的支持存在较多问题：
- 无法识别html5新增的语义化标签，会将
<section>、<nav>等标签当作未知元素处理，默认按照行内元素渲染，导致页面布局错乱。 - 不支持html5的原生功能，比如
<video>标签无法播放视频，localStorage等API调用时会直接报错。 - 部分html5新增的属性无法生效，比如
<input>标签的email、date等类型，老浏览器会将其当作普通文本输入框处理。
老浏览器支持html5的解决方案
如果需要在老浏览器中让html5页面正常展示，可以采用以下两种常见方案：
引入html5shiv兼容库
html5shiv是专门用于让老版本IE浏览器识别html5新标签的兼容库，原理是通过脚本创建对应的html5标签，让浏览器能够识别并应用对应的样式。使用方法如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>html5兼容示例</title>
<!-- 只在IE9以下版本引入html5shiv -->
<!--[if lt IE 9]>
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
<style>
/* 手动设置html5新标签为块级元素 */
header, section, footer {
display: block;
}
</style>
</head>
<body>
<header>页面头部</header>
<section>页面内容区域</section>
<footer>页面底部</footer>
</body>
</html>
针对老浏览器做降级处理
对于html5的原生功能，可以通过特性检测判断浏览器是否支持，不支持时提供降级方案。比如检测是否支持<video>标签，不支持时使用flash播放器替代，示例代码如下：
// 检测浏览器是否支持video标签
function supportVideo() {
return !!document.createElement('video').canPlayType;
}
// 根据支持情况加载不同内容
if (supportVideo()) {
console.log('浏览器支持video标签，使用原生播放');
} else {
console.log('浏览器不支持video标签，加载flash播放器');
}
总结
html4和html5对浏览器的要求并不一样，html5的要求更高，老浏览器对html5的支持存在较多不足。在实际开发中，可以根据目标用户群体的浏览器使用情况，选择是否使用html5新特性，或者搭配兼容方案保证老浏览器的正常访问。如果面向的用户大多使用现代浏览器，优先使用html5可以提升开发效率，获得更好的功能支持。