HTML5怎么用？新手入门教程

HTML5并非需要下载安装的工具或库，而是现代浏览器原生支持的网页标准——只需以正确的``声明开头并用本地服务器（而非file://协议）打开HTML文件，即可直接使用语义标签、增强表单、Canvas、Video等核心特性；本文直击新手常见误区，如文档类型缺失、协议限制导致API失效、语义标签误用、表单验证机制误解、Canvas/Video渲染陷阱，以及各API真实兼容性与边界条件（如localStorage容量、fetch默认不带cookie、autoplay必须muted等），强调“写对”比“用新”更重要——掌握HTML5的本质，是理解它在什么条件下有效、又在什么边界内失效。

HTML5不是要“安装”的东西，它就是你写的

很多人搜“HTML5怎么用”，第一反应是去下载个软件或库——其实不用。HTML5 是浏览器原生支持的标记语言规范，只要你写一个以 开头的文件，用现代浏览器（Chrome/Firefox/Safari/Edge）打开，就自动在 HTML5 模式下运行了。

常见错误现象：document.querySelector 报错、localStorage 用不了、audio 标签不播放——往往不是 HTML5 本身的问题，而是文档类型没声明，或者浏览器加载的是本地 file:// 协议（部分 API 如 fetch 在该协议下被禁用）。

• 务必把第一行写成 ，不能写成 （大小写无所谓，但不能漏）
• 开发时尽量通过本地服务器预览，比如用 VS Code 的 Live Server 插件，或命令行 npx http-server，避免 file:// 带来的权限限制
• 不需要引入任何 JS 库、CDN 或“HTML5 shiv”来启用基础语义标签（如
  、

  ），IE9+ 都原生识别

语义化标签不是“加分项”，而是影响 DOM 结构和可访问性的硬规则

用