网页是否为HTML5的最基础判断依据是文档类型声明必须为且位于首行，并使用、等原生语义化标签；需排除class/id命名混淆，同时确认浏览器渲染模式为标准模式及服务端Content-Type为text/html。
直接检查
网页是否为 HTML5，最基础的判断依据是文档类型声明和元素使用。HTML5 不要求严格的 DTD，但标准写法必须是 、、、、 这类语义化元素——它们是 HTML5 的标志性特征，不是 CSS 类名或自定义标签。
实操建议：
- 右键网页 →「查看页面源代码」，快捷键
Ctrl+U（Windows/Linux）或Cmd+U（macOS） - 搜索
，确认是否为 /code> 或带 SYSTEM URI 的旧声明，则大概率不是 HTML5 - 再搜索
或
用 JavaScript 检测浏览器对 HTML5 特性的支持（而非文档类型）
很多人混淆「网页是否用 HTML5 写的」和「浏览器是否支持 HTML5 功能」。前者是文档结构问题，后者才是运行时检测重点。比如 localStorage、history.pushState、canvas、audio 元素等，都属于可编程检测的 HTML5 API。
推荐用原生方式快速验证，避免引入 Modernizr 等库：
立即学习“前端免费学习笔记（深入）”；
console.log('localStorage:', 'localStorage' in window);
console.log('Canvas:', !!document.createElement('canvas').getContext);
console.log('History API:', !!(window.history && history.pushState));
console.log('Audio:', !!document.createElement('audio').canPlayType);
注意：in 操作符比 typeof !== "undefined" 更可靠；!! 强制转布尔值，避免返回对象或字符串干扰判断。
Chrome / Firefox 开发者工具中识别 HTML5 行为异常
即使网页声明了 text/html; charset=ISO-8859-1）导致浏览器降级到怪异模式（Quirks Mode），使 HTML5 元素无法正常解析或样式失效。
检查步骤：
- 打开 DevTools（
F12），切换到Elements面板，观察顶部是否显示Rendered as: Standards mode - 若显示
Quirks mode或Almost standards mode，说明文档类型或开头有空白/注释干扰，HTML5 语义标签可能不被识别为块级元素 - 在
Console中执行document.doctype，合法 HTML5 应返回DocumentType对象，name属性为"html"；若为null，说明根本没有 doctype
服务端响应头与 MIME 类型的影响
浏览器是否启用 HTML5 解析，不仅取决于 HTML 内容，还受 HTTP 响应头控制。关键字段是 Content-Type：
- 正确值应为
text/html; charset=utf-8（charset 可变，但类型必须是text/html） - 若服务器返回
application/xhtml+xml，即使内容是 HTML5 标签，浏览器也会按 XHTML 规则解析，此时 - 可通过 DevTools 的
Network→ 点击 HTML 请求 → 查看Response Headers确认
常见陷阱：本地双击打开 HTML 文件（file:// 协议）时，部分浏览器会忽略 doctype，强制进入 Quirks 模式，此时所有 HTML5 检测结果都不可靠——务必通过本地服务器（如 python3 -m http.server）测试。
