HTML标签需严格闭合，仅br、hr、img等空元素可省略闭合；属性值必须加引号；script/style不可自闭合；中文网页须在head内首行声明meta charset="UTF-8"。
HTML 标签必须成对闭合，但部分标签例外
浏览器对不闭合的 <p></p>、<div> 等标签会自动补全，看似能跑，实际容易引发嵌套错乱。比如写 <code><p>标题</p>
<p>内容</p>，浏览器会解析成两个独立段落，中间没有闭合的 会让后续样式或 JS 选择器失效。
真正可省略闭合的只有少数“空元素”：
- <br>、<hr>、<img alt="怎么写html_html代码编写的基础语法入门【教程】" >、<input>、<meta>、<link>
- HTML5 中这些写成 <br> 或 <br> 都合法，但统一用 <br> 更简洁（不必强加 XML 风格）
别在 <ul></ul> 里直接放文字，漏掉 <li>；也别把 <h1></h1> 套在 <p></p> 里——HTML 有明确的嵌套规则，不是“能显示就行”。
属性值必须加引号，单双引号均可但不能省略
写 <a href="example.com"></a> 看似能点开，但一旦地址含空格、& 或路径带参数（如 page.php?id=1&sort=asc），不加引号就会被截断或解析出错。浏览器可能只读到 id=1，后面整个丢了。
正确写法只有两种：<a href="example.com"></a> 或 <a href="example.com"></a>。混用也没问题，但同一属性别拆开，比如 href="a'b" 是合法的，而 href="a'b 就是语法错误。
立即学习“前端免费学习笔记（深入）”；
特别注意：class 和 id 属性值若含数字开头（如 id="1section"）或特殊符号（如 class="btn--primary"），不加引号在旧版 IE 可能触发兼容问题，现代浏览器虽宽容，但引号是底线。
script 和 style 标签的内容不能写在自闭合形式里
常见错误：<script src="app.js"></script> 或 <style type="text/css"></style> —— 这根本不会执行 JS，也不会应用样式。HTML 规范里 <script></script> 和 <style></style> 是“非空元素”，哪怕没内容也得写成 <script src="app.js"></script> 和 <style></style>。
内联脚本或样式要放在这对标签之间：
<script>
console.log('hello');
</script><style>
body { margin: 0; }
</style>
顺带一提：<script></script> 放在 里默认会阻塞页面渲染，想提速就加 defer（适用于模块化脚本）或 async（适用于独立统计/广告脚本）。
中文网页必须声明 charset，且 要在 前
没写 <meta charset="UTF-8"> 的后果不是“偶尔乱码”，而是：表单提交中文变问号、JS 字符串长度计算错、CSS 里的中文注释失效、甚至某些 CDN 缓存策略拒绝识别响应头。
这个 <meta> 必须出现在 最前面，紧挨着 开始标签，早于 <title></title>。因为浏览器解析到前 1024 字节时就要确定编码，放太靠后等于白写。
其他常见坑：
- 写成 <meta charset="utf8">（缺横杠）→ 不被识别
- 在文件开头加 BOM 头（\ufeff）又没声明 charset → 触发 IE6/7 的怪异模式
- 用 VS Code 保存时选了 “UTF-8 with BOM” → 比纯 UTF-8 多俩字节，某些服务端框架会报解析错误
字符编码、标签闭合、属性引号——这三处看着琐碎，却是线上页面突然白屏、样式错位、接口传参失败最常回溯到的根源。改起来快，漏掉一个就可能卡住整个联调流程。
