用换行和空格代替结构
<h3>原写法：连续换行制造间距</h3>
<!-- 不推荐：用连续换行制造段间距 -->
课程介绍<br><br><br>
学习 HTML，组织网页内容。
<hr>
<h3>改进写法：标题与段落</h3>
<!-- 改进：先表达标题和段落关系 -->
<h2>课程介绍</h2>
<p>学习 HTML，组织网页内容。</p>布局和间距交给 CSS；br 用于内容本身需要的换行，例如诗行。
常见错误
这些写法为什么不合适
链接没有可理解的名称
<h3>原写法：仅有图片的链接</h3>
<!-- 不推荐：图片不显示时不知链接用途 -->
<a href="index.html">
<img src="images/menu.png" alt="">
</a>
<hr>
<h3>改进写法：文字说明链接目标</h3>
<!-- 改进：链接文字说明目标 -->
<a href="index.html">查看本课目录</a>图片可以作为链接；如果仅用图片，应让 alt 说明链接的目的，而不是一律禁止图片链接。
相对路径起点算错
project/
├── images/
│ └── logo.png
└── pages/
└── about.html
<h3>原写法：相对路径起点算错</h3>
<!-- 在 pages/about.html 中：错误路径 -->
<img src="images/logo.png" alt="学校名称">
<hr>
<h3>改进写法：先返回上一级目录</h3>
<!-- 正确：先返回上一级目录 -->
<img src="../images/logo.png" alt="学校名称">错误写法会寻找 pages/images/logo.png。相对路径按当前文档位置推算。
路径绑定某一台电脑
<h3>原写法：依赖本机绝对路径</h3>
<!-- 不便迁移：依赖这台电脑的目录 -->
<img src="file:///C:/Users/student/Desktop/logo.png"
alt="学校名称">
<hr>
<h3>改进写法：使用项目内相对路径</h3>
<!-- 改进：图片放入项目，随网页一起复制 -->
<img src="images/logo.png" alt="学校名称">此处假设 HTML 文件与 images 文件夹位于同一目录。换电脑或发布网站时，应一起复制素材。
判断标准：不仅问“能不能运行”，还要问“语义是否正确、是否可维护、用户是否能理解”。