HTML 创建超链接
将一个文档链接到另一个文档的能力，是互联网的基石。如果没有超链接，我们所熟知的互联网导航将无法实现。
本章节将深入探讨如何使用 <a> 标签及其 href 属性来创建超链接，让你能够将 HTML 页面连接到其他资源——无论是你网站内部的页面，还是广阔互联网上的其他角落。
1. 理解 <a> 标签
<a> 标签是 "Anchor"（锚）的缩写，是用于定义超链接的 HTML 元素。
它充当了文本或其他内容的容器，这些内容将变成可点击的链接。
- 注意：
<a>标签本身并不能创建一个链接。它必须配合 href 属性来指定链接的目的地。
2. href 属性：定义链接目的地
href 是 <a> 标签最重要的属性。它指定了链接指向的页面或资源的 URL（统一资源定位符）。
URL 可以是：
- 绝对 URL：指向外部网站（如 https://www.begindev.com）。
- 相对 URL：指向你自己网站内的页面（下一章节将详细讲解）。
示例代码
<a href="https://www.begindev.com">访问 Begindev.com</a>在这个例子中：
- 文字 "访问 Begindev.com" 将显示为超链接。
- 当用户点击它时，会跳转到 https://www.begindev.com。
3. 链接到不同类型的资源
href 属性不仅可以指向 HTML 页面，还可以指向各种类型的资源：
3.1 HTML 页面
如上所示，你可以链接到网络上的其他网页。
3.2 图片
你可以直接链接到一个图片文件。点击后，图片通常会在浏览器中打开。
<a href="https://www.begindev.com/favicon.svg">查看图片</a>3.3 文档 (PDF, Word 等)
你可以链接到可下载的文档。点击后，浏览器通常会提示用户下载该文件。
<a href="documents/mydocument.pdf">下载 PDF</a>3.4 电子邮件地址
你可以创建一个链接，点击后自动打开用户的邮件客户端，并填好收件人地址。
<a href="mailto:info@example.com">给我们发邮件</a>3.5 电话号码
你可以创建一个链接来发起拨号（主要用于移动设备）。
<a href="tel:+15551234567">给我们打电话</a>4. 链接文本的最佳实践
你用于链接的文字对可用性和无障碍性至关重要。请遵循以下建议：
- 描述要清晰：链接文本应清楚地表明链接将带用户去哪里。
- 避免使用像 "点击这里" 这样模糊的短语。
- 简洁明了：保持链接文本简短切题。冗长、啰嗦的链接文本难以阅读和理解。
- 使用关键词：在链接文本中包含相关关键词，有助于提高搜索引擎优化（SEO）。
- 保持一致性：在整个网站中使用一致的链接文本风格，以创造连贯的用户体验。
4.1 好的 vs 坏的例子
- 好：
<a href="...">查看我们的产品</a> - 坏：
<a href="...">点击这里</a> - 好：
<a href="...">立即联系我们</a> - 坏：
<a href="...">这个页面</a>