HTML5标准可通过五种方法识别：一、DOCTYPE为<!DOCTYPE html>；二、含<header>等语义化标签；三、使用<video><audio>原生多媒体标签；四、存在<canvas>或type="email"等增强表单；五、采用<meta charset="UTF-8">和viewport声明。
如果您在查看网页源码或开发过程中需要快速判断当前使用的是HTML还是HTML5标准，则关键在于识别文档声明、语义结构、原生功能支持等核心差异点。以下是区分HTML与HTML5的多种可靠方法：
一、检查文档类型声明（DOCTYPE）
HTML与HTML5最直观、最权威的区分依据是文档开头的DOCTYPE声明。HTML4或XHTML需引用冗长且带URL的DTD定义，而HTML5采用极简统一声明。
1、打开网页源代码（右键→“查看网页源代码”或按Ctrl+U）。
2、定位到文件最顶端第一行内容。
立即学习“前端免费学习笔记（深入）”；
3、若首行为<!DOCTYPE html>，则为HTML5标准。
4、若首行为类似<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">或含XHTML URL路径的声明，则属于HTML4或XHTML标准。
二、识别语义化标签是否存在
HTML5引入了专用于表达页面结构意图的原生语义标签，这些标签在HTML4中不存在，且不可被合法解析为语义元素。
1、在源码中搜索以下任一标签：<header>、<nav>、<main>、<article>、<section>、<aside>、<footer>。
2、若至少存在一个且未被包裹在注释中或作为自定义元素（如无对应polyfill），即可确认为HTML5文档。
3、若全篇仅使用
三、验证多媒体标签原生支持情况
HTML5将音视频支持内建为原生能力，无需依赖
1、查找源码中是否出现<video>或<audio>标签。
2、若存在且直接包含src属性或嵌套
3、若仅见<object data="v.swf">、<embed src="v.mov">或大量JavaScript播放器初始化代码，基本可判定为HTML4兼容方案。
四、检测Canvas绘图与表单增强特性
HTML5新增了
1、搜索<canvas>标签，尤其关注其id或width/height属性及后续JavaScript上下文获取逻辑（如getContext('2d')）。
2、检查表单中是否存在<input type="email">、<input type="date">、<input type="range">等类型，或含placeholder、required、autofocus等原生属性。
3、若上述任一特性被实际使用（非仅CSS模拟或JS补丁），即可确认文档运行于HTML5环境。
五、观察字符编码与meta视口声明方式
HTML5对文档元信息的声明更简洁、更强制，尤其在字符集与响应式适配方面有标准化写法，与HTML4常见混乱写法形成明显对比。
1、查找<meta>标签中是否含<meta charset="UTF-8">——这是HTML5唯一推荐的字符声明方式，HTML4需用<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">。
2、检查是否包含<meta name="viewport" content="width=device-width, initial-scale=1.0">——该声明为HTML5移动适配标配，HTML4中无此规范且浏览器不予识别。
