HTML4的DOCTYPE需严格匹配三种DTD之一并指向官方URL，否则触发怪异模式；HTML5仅支持，不校验DTD，纯为标准模式开关。

HTML4 的 有多种写法，且依赖 DTD 类型

HTML4 分为 Strict、Transitional、Frameset 三种 DTD， 必须完整声明并指向对应 DTD URL，否则浏览器可能触发怪异模式。常见写法如：

这些声明不仅区分语义严格程度，还直接影响 CSS 渲染行为（比如盒模型、height 解析方式）和 JS 的 document.body.clientHeight 等值。

关键点：

• PUBLIC 后面的字符串是“公共标识符”，不是 URL，不能随意修改
• URL 必须准确匹配 W3C 官方地址，本地或错误路径会导致 DTD 解析失败，退化为怪异模式
• 大小写敏感：必须全大写 PUBLIC 和 EN，引号必须是英文双引号

HTML5 的 是唯一合法且大小写不敏感的声明

HTML5 彻底简化了文档类型声明，只接受一种形式：（推荐小写），其他任何变体（如加空格、换行、大写 HTML、带系统标识符）虽多数浏览器能容错，但不符合规范。

它不引用 DTD，也不做 DTD 校验，纯粹是触发标准模式的开关。例如：

以下写法虽常被容忍，但应避免：

• （大小写混用，非规范）
• （旧草案残留，已废弃）
• （多余属性，无意义）

如何快速判断一个页面用的是 HTML4 还是 HTML5 文档头

直接看 开头是否包含 html 二字且无 PUBLIC 或 URL —— 是则大概率是 HTML5；若出现 HTML 4.01、HTML 3.2、Strict/Transitional 字样，或带有 "http://www.w3.org/..." 的 URL，则属于 HTML4（或更早）。

注意几个易误判点：

• 存在 不代表就是 HTML5 —— HTML4 也能用（只是非标准）
• 用了
  或
  标签也不绝对，因为 HTML4 页面可通过 CSS 命名模拟语义，且部分浏览器对未知标签有容错渲染
• document.doctype.systemId 在 HTML5 下为 null，HTML4 下通常为 DTD URL（可编程检测）

混用或写错文档声明的实际影响

最直接后果是触发怪异模式（Quirks Mode），导致盒模型、表格布局、字体继承等行为回退到 IE5.5 时代逻辑。Chrome/Firefox 会通过 document.compatMode 暴露状态："CSS1Compat" 表示标准模式，"BackCompat" 即怪异模式。

典型症状包括：

• div { width: 100px; padding: 10px; } 在怪异模式下总宽仍是 100px（IE5 盒模型）
• table 的 border-collapse 失效
• font-size 在嵌套中异常放大或缩小

哪怕只多一个空格、少一个引号，或把 html 写成 HTML，都可能导致旧版 IE 或某些嵌入式 WebView 解析失败。所以，HTML5 就老老实实写 ，别加料。

# css  # html  # js  # html5  # 浏览器  # firefox  # chrome  # NULL  # 标识符  # 字符串  # 继承  # public 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel怎么生成URL_Laravel路由命名与URL生成函数详解  西安专业网站制作公司有哪些,陕西省建行官方网站？  如何在万网主机上快速搭建网站？  JS碰撞运动实现方法详解  如何快速登录WAP自助建站平台？  Laravel怎么使用Intervention Image库处理图片上传和缩放  Laravel如何使用Passport实现OAuth2？（完整配置步骤）  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  详解Huffman编码算法之Java实现  JavaScript如何实现错误处理_try...catch如何捕获异常？  Laravel如何发送系统通知？（Notification渠道示例）  JS经典正则表达式笔试题汇总  详解Oracle修改字段类型方法总结  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  敲碗10年！Mac系列传将迎来「触控与联网」双革新  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  如何在景安云服务器上绑定域名并配置虚拟主机？  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  Windows Hello人脸识别突然无法使用  *服务器网站为何频现安全漏洞？  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层  Java遍历集合的三种方式  高防服务器租用指南：配置选择与快速部署攻略  Laravel如何处理CORS跨域请求？（配置示例）  Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】  Win11怎么设置默认图片查看器_Windows11照片应用关联设置  如何彻底卸载建站之星软件？  悟空识字怎么关闭自动续费_悟空识字取消会员自动扣费步骤  如何为不同团队 ID 动态生成多个非值班状态按钮  标题：Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  如何快速建站并高效导出源代码？  Windows11怎样设置电源计划_Windows11电源计划调整攻略【指南】  如何生成腾讯云建站专用兑换码？  Laravel如何实现用户角色和权限系统_Laravel角色权限管理机制  活动邀请函制作网站有哪些,活动邀请函文案？  MySQL查询结果复制到新表的方法(更新、插入)  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  android nfc常用标签读取总结  零基础网站服务器架设实战：轻量应用与域名解析配置指南  手机网站制作与建设方案,手机网站如何建设？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  如何续费美橙建站之星域名及服务？  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  Laravel定时任务怎么设置_Laravel Crontab调度器配置  Laravel如何实现模型的全局作用域？（Global Scope示例）  Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】