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 就是语法错误。
立即学习“前端免费学习笔记（深入）”；
十天学会易语言图解教程用图解的方式对易语言的使用方法和操作技巧作了生动、系统的讲解。需要的朋友们可以下载看看吧！全书分十章，分十天讲完。 第一章是介绍易语言的安装，以及运行后的界面。同时介绍一个非常简单的小程序，以帮助用户入门学习。最后介绍编程的输入方法，以及一些初学者会遇到的常见问题。第二章将接触一些具体的问题，如怎样编写一个1+2等于几的程序，并了解变量的概念，变量的有效范围，数据类型等知识。其后，您将跟着本书，编写一个自己的MP3播放器，认识窗口、按钮、编辑框三个常用组件。以认识命令及事件子程序。第
特别注意：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 多俩字节，某些服务端框架会报解析错误
字符编码、标签闭合、属性引号——这三处看着琐碎，却是线上页面突然白屏、样式错位、接口传参失败最常回溯到的根源。改起来快，漏掉一个就可能卡住整个联调流程。
