需声明并确保无前置字符，再通过/标签、localStorage等API、语义化标签、新input类型及验证机制启用HTML5功能。
如果您在网页开发中希望启用HTML5提供的原生多媒体、语义化标签及新API功能，则需要通过正确的文档类型声明和特定接口调用激活这些能力。以下是具体启用方式：
一、使用HTML5文档类型声明
HTML5模式的基础是确保浏览器以HTML5标准解析页面，这依赖于准确的DOCTYPE声明。缺少或错误的声明会导致浏览器进入怪异模式，无法识别新标签与属性。
1、在HTML文件最顶部第一行添加声明。
2、确保该声明前无任何字符（包括空格、换行、BOM头）。
立即学习“前端免费学习笔记（深入）”；
3、保存文件并以.html扩展名打开，避免使用旧版MIME类型如text/html; charset=ISO-8859-1。
二、启用原生多媒体支持
HTML5内置<audio></audio>和<video></video>元素，无需插件即可播放媒体，但需提供兼容格式并设置必要属性以触发渲染与控制。
1、在HTML中插入<video controls width="640" height="360"></video>或<audio controls></audio>标签。
2、为<source></source>子元素指定至少两种格式，例如mp4和webm，以覆盖不同浏览器解码能力。
3、添加preload="metadata"属性减少初始加载延迟，并确保服务器正确返回Content-Type响应头（如video/mp4）。
三、调用HTML5新增API启用高级功能
部分HTML5特性需显式调用JavaScript API才能激活，例如本地存储、地理定位、Canvas绘图等，这些API仅在HTML5文档模式下可用且需用户授权或上下文满足条件。
你是 TypeScript 项目架构专家，专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链（pnpm、Vite、Next.js）、类型
1、检测window.localStorage是否存在，若存在则调用localStorage.setItem('key', 'value')写入数据。
2、对地理定位使用navigator.geolocation.getCurrentPosition()，并在回调中处理坐标对象。
3、获取<canvas></canvas>元素引用后，调用getContext('2d')获取绘图上下文，否则Canvas将保持空白。
四、启用语义化元素与ARIA增强可访问性
HTML5语义标签如<header></header>、<nav></nav>、<main></main>本身不需额外开启，但需配合正确的角色属性和焦点管理，才能被辅助技术识别为有效结构。
1、用<nav aria-label="主导航"></nav>明确导航区域用途。
2、为<main></main>添加id="main"并确保页面仅有一个main元素。
3、在动态内容更新区域设置aria-live="polite"，使屏幕阅读器自动播报变更内容。
五、启用表单新输入类型与验证机制
HTML5扩展了<input>的type属性值，如email、date、number等，其原生验证与UI控件仅在HTML5模式下生效。
1、将<input type="email" required>用于邮箱字段，浏览器自动执行格式校验。
2、添加pattern属性配合正则表达式，例如pattern="[A-Za-z]{3}"限制三位字母。
3、调用input.checkValidity()方法手动触发验证，并监听invalid事件捕获失败原因。
