HTML 链接
上一课的 URL 编码说明了特殊字符如何在地址内部传输。本课要构建日常使用这些地址的 HTML 工具：带有 href 的 锚点（anchor） 元素 a。链接是访客在页面之间跳转、以及走向更广阔网络的方式。清晰的目标与清晰的可点击文字，和正确的标记同样重要。
什么是链接
超链接是一种控件：被激活时会导航到某处。在 HTML 中，你把可点击内容——通常是文字，有时是图片——包在 <a>...</a> 里，并把 href 设为目标地址。没有 href，就没有正常的导航链接。浏览器默认会给链接加样式（常常带下划线并着色），但真正重要的是目标和措辞。
直接答案
写成 <a href="URL">可点击文字</a>。href 可以是完整网址，例如 https://www.example.com（绝对地址），也可以是站点上另一个文件的路径，例如 about.html（相对地址）。访客点击的是标签之间的内容。优先使用描述目标的措辞——「关于本站」——而不是「点击这里」这类空洞短语。
绝对链接
绝对 URL 包含协议方案（https:// 或 http://），通常还包含主机名。用于外部站点，或当你确实需要不依赖当前文件夹的完整地址时。
绝对链接
html<p>
<a href="https://www.example.com">Visit Example</a>
</p>阅读绝对链接示例
href保存以https://开头的完整目标- 用户看到并激活的是
Visit Example这些文字 - 主机名或协议写错会打断跳转，即便 HTML 标签本身是合法的
- 绝对链接同样受益于诚实、描述性的链接文字
站点内的相对链接
相对 URL 相对于当前页面的位置指向文件。这是连接 index.html 与 about.html 的日常做法，无需重复域名。文件路径（File Paths）技能同样适用：文件夹写错会产生安静的 404 失败。
指向另一页的相对链接
html<p>
<a href="about.html">About this site</a>
</p>有帮助的相对链接习惯
- 把相关页面放在清晰的文件夹结构中
- 优先使用带连字符、不含空格的文件名
- 双向测试：首页 → about，以及 about → 首页
- 记得：移动 HTML 文件却不更新相对链接会破坏导航
链接文字是内容，不是装饰
屏幕阅读器用户常常只听链接列表，听不到周围段落。「点击这里」和「阅读更多」重复十次就会失去意义。请给目标命名。你可以保持友好语气——只要具体即可。
描述性链接文字
html<!-- Prefer -->
<p><a href="pricing.html">View pricing plans</a></p>
<!-- Avoid as the only cue -->
<p><a href="pricing.html">Click here</a></p>绝对与相对——按任务选择
- 你不控制的外部站点 → 绝对地址
https://… - 项目中的另一页 → 尽可能用相对路径
- 写成绝对地址的同站链接也能工作，但相对链接在你重命名域名或本地打开文件时更易移植
后续课程会讲链接的 title、书签（#）和邮件链接；先掌握a+href。
失效链接与 404
如果 href 指向缺失文件或写错的主机，浏览器会导航到错误页（常常是 HTTP 404）。链接周围的 HTML 看起来仍可能完美无缺。务必像核对 favicon 和样式表路径一样核对：拼写、文件夹，以及目标文件是否已保存。
在编辑器中练习
- 在同一文件夹中创建
index.html和about.html。 - 在首页用描述性文字添加指向
about.html的相对链接。 - 在 about 页添加指回
index.html的相对链接。 - 添加一条指向你信任的外部站点的绝对链接。
- 在浏览器中逐条跟进链接；然后故意弄断一条相对路径，观察失败并修复。
- 把任何「点击这里」改写成目标名称。
常见错误
- 忘记写
href，文字就不是真正的超链接 - 每个目标都用「点击这里」或「链接」
- 在文件夹之间移动文件后相对路径失效
- 外部 URL 中
https://或域名打错 - 文件名里有空格，却纳闷相对链接为何失败
- 随意嵌套可交互内容（初学者请保持简单：把文字放在
a里）
小结
- 链接使用带
href目标的a元素 - 绝对 URL 包含诸如
https://的协议方案 - 相对 URL 指向站点上的其他文件
- 为所有人——包括辅助技术——写清晰、描述性的链接文字
- 路径错误会在导航时失败，即便标签看起来合法
🧠 测试您的知识
测试您的知识
通过这个互动测验挑战自己，看看你对这个主题的理解程度如何
📝 说明
- 仔细阅读每个问题
- 为每个问题选择最佳答案
- 您可以随时重新参加测验
- 您的进度将显示在顶部