html仅用于描述页面内容结构，不处理逻辑与计算；常见错误包括标签错配、属性误写、路径错误，需重视语义化标签、正确闭合及doctype等基础规范。
写 HTML 之前先搞清它到底干啥用的
HTML 不是编程语言，不负责计算、不控制逻辑，只做一件事：描述页面里「有什么」。比如 <h1></h1> 表示主标题，<p></p> 表示一段文字，<img alt="怎么写html代码_html代码编写入门基础【干货】" > 表示一张图。写错地方、嵌套乱套、漏闭合标签，浏览器不会报错，但渲染结果可能完全不是你想要的。
常见错误现象：图片不显示、文字挤成一团、点击链接没反应——八成不是 JS 或 CSS 的锅，而是 HTML 结构本身没立住。
- 别把
<div> 当万能筐，见啥都往里塞；语义化标签（如 <code><header></header>、<nav></nav>、<article></article>）该用就用，对 SEO 和可访问性有实际影响 -
<img alt="怎么写html代码_html代码编写入门基础【干货】" >必须带src和alt，缺一个就可能被屏幕阅读器跳过，或在加载失败时彻底“消失” - 自闭合标签（如
<img alt="怎么写html代码_html代码编写入门基础【干货】" >、<input>、<br>）在 HTML5 中不用写/>，写了也不报错，但纯属多余 -
<ul></ul>里面只能直接放<li>，不能塞<p></p>或<div> —— 浏览器会自动补全，但补得未必是你想要的 <li>属性值一律用英文双引号包裹，<code>class="btn primary"可以，class=btn primary会把primary当成另一个属性，直接失效 -
src和href的路径别瞎猜：./images/logo.png是相对当前 HTML 文件的位置；/images/logo.png是从网站根目录开始找；写成images/logo.png（缺./）在某些服务器上会出错 - 装好
Auto Close Tag和Auto Rename Tag插件——改<div> 开头，结尾自动同步，少手动删错一个 <code> - 保存时自动格式化（
Shift+Alt+F）前，确认设置了"html.format.wrapLineLength": 120，否则一行写太长，后期协作和 diff 都难受 - 右键 → “Open with Live Server” 启服务，别双击 HTML 文件打开——本地文件协议下，
fetch、XMLHttpRequest、部分import全部失效 - 开头没写
：浏览器进怪异模式，盒模型、<code>height行为全乱，加了立马回归正常 -
<meta charset="UTF-8">缺失或写成utf8（少个横线）：中文变方块、乱码，且控制台不报错，极难排查 -
<title></title>标签放在里：标题不显示，但浏览器不会提醒，只会默默把它当普通文本渲染
最常写错的三个地方：标签配对、属性写法、路径引用
新手卡住最多的地方，不是不会写新标签，而是基础写法松动导致整个结构塌陷。
用 VS Code 写 HTML 别跳过的两个实操习惯
编辑器不是写完就完事，它能帮你挡住 70% 的低级错误。
立即学习“前端免费学习笔记（深入）”；
当页面看起来“怪怪的”，优先检查这三行代码
不是所有问题都要翻文档，有些信号非常明确，直奔根源就行。
HTML 的容错性太强，反而容易掩盖问题。越简单的页面，越要盯紧这几行——它们不是装饰，是整个页面的启动开关。
