判断网页是否真正使用HTML5，需验证是否实际应用HTML5语义标签（如<header>、<main>）、新API（如localStorage、pushState）、原生表单特性（如type="date"、required）及通过W3C验证器确认文档合规性。
网页是否使用 HTML5，不能只看 <!DOCTYPE html> —— 这只是声明，不等于实际用了 HTML5 特性。真正判断，得看它**用没用 HTML5 新增的语义元素、API、属性或行为**。
检查页面是否包含 HTML5 语义化标签
HTML5 引入了 <header>、<nav>、<main>、<article>、<section>、<aside>、<footer> 等原生语义标签。它们不是装饰，而是可被浏览器、辅助技术和搜索引擎识别的结构信号。
实操建议：
- 在浏览器开发者工具（F12）的 Elements 面板中，搜索
<main或<nav，看是否存在；仅存在<div class="header">类似写法，不算 HTML5 实际应用 - 注意兼容性：IE8 及更早版本不识别这些标签，若站点仍需支持旧 IE，通常会搭配
document.createElement脚本或html5shiv库 —— 发现这类脚本反而佐证它在主动适配 HTML5 - 语义标签必须合理嵌套：比如
<main>内不应再出现另一个<main>，否则可能是误用而非真 HTML5 实践
验证是否调用 HTML5 新增的 JavaScript API
比标签更可靠的证据是运行时行为。HTML5 带来大量新 API，如 localStorage、history.pushState、navigator.geolocation、AudioContext、fetch（虽属 WHATWG，但常与 HTML5 生态绑定）等。只要页面 JS 主动调用其中任一，基本可断定它基于 HTML5 环境开发。
立即学习“前端免费学习笔记（深入）”；
实操建议：
- 在 Console 面板直接输入
typeof localStorage，返回"object"表示可用；输入history.pushState不报错且为函数，说明启用了 HTML5 History API - 检查 Network 面板中是否有
fetch请求（非XMLHttpRequest），或监听beforeunload外的pagehide/visibilitychange事件 —— 这些都是 HTML5 生命周期扩展 - 避免误判：有些库（如 jQuery）会封装兼容层，表面调用
$.ajax，底层仍用 XHR；需点开源码定位真实请求方式
观察表单控件与输入类型是否启用 HTML5 原生特性
HTML5 扩展了 <input> 的 type 属性（如 email、url、date、number）和新属性（如 required、placeholder、pattern）。这些不是 CSS 效果，而是浏览器原生校验与 UI 控件。
实操建议：
- 查找表单中是否存在
<input type="date">：在 Chrome/Firefox 中会触发日期选择器；若只看到普通文本框，可能是被 CSS 覆盖或 polyfill 模拟，需进一步确认 - 提交空
required字段，看是否触发浏览器原生提示（非 JS alert）；或者输入非法邮箱格式后失焦，看是否高亮边框并显示气泡提示 - 注意移动端差异：iOS Safari 对
type="number"渲染数字键盘，但 Android WebView 行为可能不一致 —— 出现场景比跨端一致性更能说明 HTML5 使用意图
用 W3C Markup Validator 检查文档类型与元素合法性
W3C 验证器（https://www.php.cn/link/6c4ce2d66be954338a51e72eb79aae10）能明确告诉你：当前 HTML 是否符合 HTML5 规范，以及哪些地方“越界”使用了废弃元素（如 <font>、<center>）或错误嵌套。
实操建议：
- 输入网址或粘贴源码后，查看报告顶部的 “Document Type” 是否为
HTML5；若显示 “HTML 4.01 Transitional”，即使写了<!DOCTYPE html>，也可能因编码、BOM 或服务器响应头被解析为旧模式 - 重点看 “Error” 条目：例如
Element ‘main’ is not supported in this document type说明 DOCTYPE 未生效；而Attribute ‘autofocus’ is not allowed on element ‘input’ here可能是位置错误（如放在<label>内），不是不支持 - 验证器不会检测 JS API 调用，但它能暴露语义结构是否真正落地 —— 很多所谓“HTML5 页面”其实只是改了 DOCTYPE，其余全是 div 堆砌
真正关键的不是“有没有声明 HTML5”，而是它是否让出了部分控制权给浏览器原生能力：用 <video> 替代 Flash、用 localStorage 替代 cookie、用 required 替代 jQuery Validation —— 这些取舍点，比任何检测工具都更真实。
