html是描述内容关系的标记工具，需通过实践掌握结构逻辑与浏览器行为；语义化标签、属性规范、本地服务器开发、表单事件拦截及响应处理是关键要点。
HTML 不是“学”的语言，是“用”的标记工具；没语法要背，但结构逻辑和浏览器行为必须亲手试出来。
HTML 标签怎么选：别查文档，先看语义
浏览器不关心你用 <div> 还是 <code><article></article>，但搜索引擎、屏幕阅读器和你自己半年后维护代码时会。常见错误是全用 <div> 套娃，结果结构扁平、CSS 难定位、无障碍支持直接崩。
<ul>
<li>标题就用 <code><h1></h1>～<h6></h6>，且必须按层级嵌套（<h2></h2> 下不该直接跟 <h4></h4>）
<p></p>，别用 <br> 换行凑效果<nav></nav>，页脚写 <footer></footer>，不是为了“高级”，是为了让 document.querySelector('nav') 真能拿到它<img alt="html语言怎么学_html语言学习路径规划【指南】" > 必须带 alt 属性——空字符串 alt="" 是合法的，但删掉就是缺陷属性值加不加引号：浏览器其实不挑，但人会挑
HTML5 允许省略引号，比如 <a href="home.html"></a> 能运行，但只要属性值里有空格、等号或斜杠，立刻报错或行为异常。这不是理论风险，是真实发生过的部署事故。
- 所有属性值统一用双引号：
class="btn primary"，别混用单引号或不加引号 -
id和class名避免用数字开头（id="1section"会让document.getElementById('1section')在某些旧环境失效） -
data-自定义属性必须小写+中划线，data-user-id="123"可以，data-userId="123"不被标准识别
为什么本地双击打开 HTML 文件总不生效
不是代码错，是浏览器策略在拦你。本地文件（file:// 协议）下，<script></script> 加载外部 JS、fetch() 请求 JSON、甚至部分 CSS @import 都会被跨域限制，页面看起来“空白”或“样式丢失”。
立即学习“前端免费学习笔记（深入）”；
- 开发阶段一律用本地服务器：命令行跑
npx serve或python3 -m http.server，地址变成http://localhost:5000 - VS Code 安装 Live Server 插件，右键“Open with Live Server”，自动起服务并刷新
- 别信“改浏览器设置就能开”，不同版本行为不一致，且上线后照样挂
form 表单提交后页面跳转了，怎么让它不跳
默认行为就是跳转——这是 HTML 的设计，不是 bug。想留在这一页，就得用 JavaScript 拦住它，再自己发请求。
- 给
<form></form>加onsubmit="return false;"最快止跳，但只是表层 - 真正要交互，得监听
submit事件，调event.preventDefault()，再用fetch()提交数据 - 记得给按钮加
type="submit"，否则点按钮不会触发submit事件（很多人漏写，以为点 button 就自动提交） - 服务端返回 JSON 后，用
response.json()解析，别直接console.log(response)看不到内容
最常卡住的地方不是标签写不对，是把 HTML 当成编程语言去“学语法”，而忽略了它本质是一套描述内容关系的协议——浏览器怎么解析、怎么渲染、怎么暴露给 JS 操作，这些行为边界比标签列表重要得多。
