html是网页结构的唯一标准语言，必须包含三个核心标签；仅支持纯文本且须置于内；字符集应显式声明为utf-8；标签须小写、闭合规范，自闭合标签仅限br/img/input等。

HTML 是网页结构的唯一标准语言，不是“之一”，也没有替代方案。浏览器只认 HTML 标签来解析页面骨架，CSS 和 JavaScript 都得依附在 HTML 的结构上才能起作用。

HTML 文件必须包含 、、 这三个核心标签

缺任何一个，文档就不是合法 HTML。现代浏览器会尝试容错补全，但结果不可控——比如 缺失时，<title></title> 可能不显示，<meta> 可能被忽略，SEO 和分享卡片也会失效。

• 是根元素，所有内容必须包在里面
• 不渲染到页面，但控制标题、字符集、视口、脚本加载时机等关键行为
• 是唯一渲染到屏幕上的容器，所有可见内容都放这里

<title></title> 必须写在 里，且不能嵌套其他标签

很多人把 <title>我的网站</title> 错写成 <title><h1>我的网站</h1></title>，这会导致标题栏显示为纯文本 <h1>我的网站</h1>，而不是“我的网站”。<title></title> 只接受纯文本，不支持任何 HTML 标签。

• 它影响浏览器标签页文字、搜索引擎结果标题、微信/微博分享卡片主标题
• 中文项目建议用 UTF-8 字符集，并在 中显式声明：<meta charset="UTF-8">

标签大小写和闭合不是“可选习惯”，而是 HTML5 的明确规范

HTML5 规范允许 <p></p> 自闭合（即不写

），但仅限于某些标签，如 <br>、<img>、<input>；而 <p></p>、<div>、<code><section></section> 等必须成对出现。大小写方面，虽然浏览器普遍兼容大写，但规范要求使用小写——因为 XHTML 和 XML 工具链（如 SVG 内联、服务端模板引擎）严格区分大小写，混用容易在构建阶段报错。

• 错误示例：<p>hello</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill7761" title="Article To Html"><img src="https://img.php.cn/upload/skill/000/000/081/179168408018805.jpg" alt="Article To Html" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill7761" title="Article To Html" class="overflowclass">Article To Html</a> <p class="overflowclass">文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。</p> </div> <a rel="nofollow" href="/xiazai/skill7761" title="Article To Html" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <p>world</p> —— 第一个 <p></p> 被当作新段落开始，第二个没闭合，实际渲染出两个段落
• 正确写法：<p>hello</p> <p>world</p>
• 自闭合标签必须带斜杠或省略斜杠（二者都合法）：<img src="a.jpg"> 或 <img src="a.jpg">

真正容易被忽略的是：HTML 结构错误不会直接报红，但会悄悄破坏语义、无障碍访问（a11y）、SEO 和后续 JS 操作 DOM 的可靠性。写完记得用 W3C Markup Validation Service 扫一遍，比肉眼检查管用得多。