HTML5可通过五种方式识别：一、DOCTYPE为；二、使用等语义化标签；三、支持type="email"、等新属性和元素；四、含contenteditable、hidden等全局属性；五、用声明编码。
如果您在查看网页源代码或学习前端开发时，发现文档声明和标签用法存在差异，则可能是由于HTML与HTML5在语法结构、语义化支持及功能特性上存在本质区别。以下是区分HTML与HTML5的具体方法：
一、检查文档类型声明（DOCTYPE）
文档类型声明是识别HTML版本最直接的依据。HTML4及更早版本使用复杂且易出错的DTD引用，而HTML5采用极简声明方式，不依赖外部DTD文件。
1、打开网页源代码，通常通过浏览器右键选择“查看网页源代码”或按Ctrl+U快捷键。
2、定位到文件最顶部第一行，观察DOCTYPE声明内容。
立即学习“前端免费学习笔记（深入）”；
3、若出现类似的简洁写法，则为HTML5文档。
4、若出现类似或等冗长引用，则为传统HTML或XHTML文档。
二、识别语义化标签的使用情况
HTML5引入了大量原生语义化元素，用于替代通用div标签并明确页面结构含义；而HTML4中无此类标签，需依赖class或id命名模拟语义。
1、在源代码中搜索
2、若这些标签作为一级结构元素被直接使用，且未通过JavaScript动态插入，则表明该文档为HTML5标准编写。
3、若全篇仅使用
三、验证新属性与API支持特征
HTML5新增了多项内建属性与客户端API，其存在可作为辅助判断依据。这些特性在HTML4中无法原生支持，需依赖JavaScript模拟实现。
1、查找表单相关属性，如、、等。
2、搜索Canvas绘图元素
3、检查是否存在
4、若上述任一特性被直接用于静态HTML结构中且未被JS降级处理，则可确认为HTML5文档。
四、检测全局属性与事件处理方式
HTML5扩展了全局属性集，并规范了部分事件行为。某些属性在HTML4中非法但在HTML5中合法，其使用可作为版本线索。
1、查找是否使用contenteditable="true"属性使任意元素可编辑。
2、检查是否有spellcheck="false"控制拼写检查行为。
3、观察是否使用hidden属性隐藏元素，而非仅依赖CSS display:none。
4、若存在上述任一属性且未被包裹在条件注释或JS逻辑中，则属于HTML5特有语法特征。
五、分析字符编码声明方式
HTML5简化了字符编码声明语法，允许使用更短的meta标签形式；而HTML4要求使用完整的http-equiv声明。
1、查找这种单属性写法。
2、对比是否存在这类旧式写法。
3、若文档中采用前者且位于head区域前几行，则为HTML5推荐编码声明方式。
4、若仅存在后者，或完全缺失charset声明但依赖服务器响应头，则倾向判定为HTML4或更早版本文档。
