正确设置DOCTYPE为<!DOCTYPE html>是启用HTML5新特性的前提，需确保声明位于首行、无前置字符，并配合语义化标签、标准模式验证及禁用XHTML写法。
如果您希望在网页中启用HTML5及其他现代HTML新特性，文档类型声明（DOCTYPE）的正确设置是基础前提。以下是实现此目标的具体步骤：
一、使用标准HTML5文档类型声明
HTML5采用极简的文档类型声明，不区分大小写，且无需引用DTD文件，浏览器可据此触发标准渲染模式并支持所有HTML5语义元素、API及属性。
1、在HTML文件最顶部第一行，输入<!DOCTYPE html>。
2、确保该声明前无任何字符（包括空格、换行、BOM头或XML声明）。
立即学习“前端免费学习笔记（深入）”；
3、保存文件后，使用浏览器开发者工具的“元素”面板确认文档模式为HTML5，并在控制台执行document.doctype.name返回html。
二、验证文档类型是否生效
仅声明DOCTYPE不足以保证新特性可用，需确认浏览器实际以标准模式解析文档，避免因编码、服务器响应头或嵌套框架导致的怪异模式回退。
1、在HTML文件的<head>内添加，防止编码识别错误引发解析异常。
2、检查HTTP响应头中Content-Type是否包含charset=utf-8，若缺失，需在服务器配置中补充。
3、在浏览器地址栏输入javascript:alert(document.compatMode)，返回值为CSS1Compat表示已启用标准模式。
三、配合HTML5语义化标签启用新特性
DOCTYPE声明启用后，必须实际使用HTML5新增标签，才能触发对应功能支持，如表单验证、媒体元素、Canvas绘图等依赖于标签语义的特性。
1、将传统<div id="header">替换为<header>，<div class="nav">替换为<nav>。
2、在表单中使用<input type="email">、<input type="date">、<textarea required>等原生验证属性。
3、插入<video controls><source src="demo.mp4" type="video/mp4"></video>，测试浏览器是否加载并显示播放控件。
四、禁用XHTML兼容写法以保障特性完整性
部分开发者沿用XHTML自闭合语法（如<img />），虽在HTML5中被容忍，但可能干扰某些JavaScript库对节点的判断逻辑，影响dataset、shadow DOM等新特性的稳定调用。
1、将所有自闭合标签改为HTML5推荐写法：<img src="a.jpg" alt="">、<br>、<hr>、<input type="text">。
2、移除XML命名空间声明xmlns="http://www.w3.org/1999/xhtml"及xml:lang属性。
3、运行document.querySelectorAll("img[src]").forEach(i => console.assert(!i.hasAttribute('\/'), '发现残留XHTML斜杠'))确认无误。
