符合W3C标准的HTML结构核心三点：必须以<!DOCTYPE html>开头（全大写、空格分隔、独占首行），<html>根元素须含合法BCP 47语言标签如lang="zh-CN"，且<head>内<meta charset="UTF-8">必须在<title>之前以确保正确解码。
符合W3C标准的HTML结构，核心就三点：正确的DOCTYPE、<html>根元素带lang属性、<head>里必须有<meta charset="UTF-8">和<title>。缺任何一个，浏览器可能降级渲染，屏幕阅读器无法正确朗读，搜索引擎也会弱化页面权重。
为什么!DOCTYPE html不能写成<!doctype html>或漏掉空格
大小写不敏感，但!DOCTYPE必须全大写+空格+html（中间无换行、无多余字符），这是W3C对“标准模式触发”的硬性约定。写成<!doctype html>或<!DOCTYPEhtml>会导致IE9及更早版本进入怪异模式（Quirks Mode），盒模型、margin计算全部错乱。
- 错误示例：
<!DOCTYPEhtml>（缺少空格）、<!doctype html>（小写doctype） - 正确写法：
<!DOCTYPE html>（最开头、独占一行、大小写固定） - 它不闭合、不嵌套，且必须是文档第一行——哪怕前面加个空格或BOM头，都可能失效
<html lang="zh"里的lang值怎么选
lang不是可选项，而是语义必需项。它直接影响语音合成、翻译插件、搜索引擎地域判断。中文站点别直接填"zh"，要按实际受众细化：
- 大陆用户为主 →
lang="zh-CN" - 台湾用户为主 →
lang="zh-TW" - 繁体通用场景（如港澳）→
lang="zh-Hant" - 简繁混排页面 → 用
<span lang="zh-TW">繁體</span>局部覆盖 - 千万别写
lang="cn"或lang="ch"——这些不是合法BCP 47语言标签
<meta charset="UTF-8">必须放在<title>前面
这个顺序不是风格问题，是解析逻辑决定的：浏览器从上到下读<head>，一旦遇到<title>就开始解码并显示标题栏。如果<meta charset>在它后面，标题里的中文就会先被按默认编码（如ISO-8859-1）错误解析，出现乱码，且无法回滚。
立即学习“前端免费学习笔记（深入）”；
- 正确顺序：
<meta charset="UTF-8">→<title>→ 其他<meta>或<link> - 常见陷阱：VS Code自动补全模板有时把
<title>放前面，需手动调整 - 不用写
http-equiv="Content-Type"，HTML5中charset属性已完全替代它
哪些标签绝对不能省略，哪怕内容为空
W3C验证器会报错的“缺失标签”，往往不是功能问题，而是语义断裂点：
-
<head>和<body>不能省——即使里面只有一行<title>或一个<p>，也必须显式写出 -
<title>不能为空字符串；至少写<title>网站名称</title>，否则SEO判为低质页 -
<html>必须闭合，且不能嵌套另一个<html>（常见于CMS模板拼接出错） - 不要用
<center>、<font>、<u>等废弃标签，它们在HTML5中无语义，且部分浏览器已停止支持样式继承
真正容易被忽略的是<meta name="viewport">——它不属于W3C结构强制项，但没有它，移动端页面会默认缩放成PC视口宽度，文字小到无法阅读。这不是验证错误，却是真实世界里最常发生的“结构完整但体验崩坏”案例。
