HTML5文档基本结构必须包含五个核心标签：<!DOCTYPE html>、<html lang="zh-CN">、<head>、<meta charset="UTF-8">和<title>；它们顺序固定，共同构成合法、可运行且语义完整的最小页面骨架。
HTML5 文档基本结构只需写对五个核心标签，就能通过所有现代浏览器验证，且兼容性稳定。关键不是堆砌标签，而是用最少、最必要的元素表达完整语义。
必须写的五个基础标签
一个合法、可运行的 HTML5 页面，最低限度包含以下五组标签（顺序不可乱）：
- <!DOCTYPE html>：顶格、全大写、无空格、无引号，放在第一行，唯一作用是触发浏览器标准模式
- <html lang="zh-CN">…</html>：根元素，lang 属性必须设置，推荐用 BCP 47 标准值（如中文写 zh-CN，英文写 en-US）
- <head>…</head>：元信息容器，不显示内容，但必不可少
- <meta charset="UTF-8">：必须放在 <head> 最开头，确保中文等多语言不乱码
- <title>页面标题</title>：定义浏览器标签页显示的文字，也是 SEO 基础项
body 是内容唯一出口
所有用户可见的内容——文字、图片、按钮、表单——都必须写在 <body> 标签内部。它不是可选的，没有 <body>，浏览器会自动补全，但显式写出更规范、更易维护。
示例最小骨架（可直接保存为 .html 文件打开）：
立即学习“前端免费学习笔记（深入）”；
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个页面</title> </head> <body> <p>Hello，这是页面正文</p> </body> </html>
2025年不强制但强烈建议加的两处
虽然不是“必须”，但在实际项目中几乎已成为标配，漏掉可能影响响应式或可访问性：
- <meta name="viewport" content="width=device-width, initial-scale=1.0">：放在 <meta charset> 后面，让页面在手机上正常缩放
- <body> 内部用语义化标签组织内容：比如用 <header>、<main>、<footer> 替代纯 <div>，不增加体积，但提升结构清晰度和 SEO 效果
哪些标签现在可以放心不用
这些旧习惯在 HTML5 中已过时，2025 年无需再写：
- 不用写 <script type="text/javascript">，直接 <script> 即可
- 不用闭合 <img> 写成 <img />，HTML5 允许 <img>（但 <img alt=""> 的 alt 属性不能省）
- 不要用 <font>、<center>、<u> 等废弃样式标签，交由 CSS 控制外观
- 不需要 <html xmlns> 或 <meta http-equiv> 模拟 XHTML 行为
