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

HTML 是网页结构的唯一标准语言,不是“之一”,也没有替代方案。浏览器只认 HTML 标签来解析页面骨架,CSS 和 JavaScript 都得依附在 HTML 的结构上才能起作用。
HTML 文件必须包含 <html>、<head>、<body> 这三个核心标签
缺任何一个,文档就不是合法 HTML。现代浏览器会尝试容错补全,但结果不可控——比如 <head> 缺失时,<title> 可能不显示,<meta> 可能被忽略,SEO 和分享卡片也会失效。
-
<html>是根元素,所有内容必须包在里面 -
<head>不渲染到页面,但控制标题、字符集、视口、脚本加载时机等关键行为 -
<body>是唯一渲染到屏幕上的容器,所有可见内容都放这里
<title> 必须写在 <head> 里,且不能嵌套其他标签
很多人把 <title>我的网站</title> 错写成 <title><h1>我的网站</h1></title>,这会导致标题栏显示为纯文本 <h1>我的网站</h1>,而不是“我的网站”。<title> 只接受纯文本,不支持任何 HTML 标签。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML,替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度,HTML 能同时承载排版、表格、SVG 等。
- 它影响浏览器标签页文字、搜索引擎结果标题、微信/微博分享卡片主标题
- 中文项目建议用 UTF-8 字符集,并在
<head>中显式声明:<meta charset="UTF-8">
标签大小写和闭合不是“可选习惯”,而是 HTML5 的明确规范
HTML5 规范允许 <p> 自闭合(即不写 </p>),但仅限于某些标签,如 <br>、<img>、<input>;而 <p>、<div>、<section> 等必须成对出现。大小写方面,虽然浏览器普遍兼容大写,但规范要求使用小写——因为 XHTML 和 XML 工具链(如 SVG 内联、服务端模板引擎)严格区分大小写,混用容易在构建阶段报错。
立即学习“前端免费学习笔记(深入)”;
- 错误示例:
<P>hello<P>world</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 扫一遍,比肉眼检查管用得多。


















