HTML | href 属性

简介

href（全称 Hypertext Reference）是 HTML 中的一个属性，用于指定链接的目标 URL（Uniform Resource Locator）。URL 可以是一个 Web 页面、图片、视频、音频等任何网络资源的地址。

href 属性通常用于 <a> 标签中，表示链接指向的地址。例如：

<a href="https://www.example.com">跳转到示例网站</a>

使用 href 属性可以使用户通过点击链接跳转到其他页面，实现页面之间的跳转。

语法

使用 href 属性可以为 HTML 元素添加链接。常见的使用方式是在 <a> 标签中添加 href 属性，指定链接的目标 URL。

<a href="链接地址">链接文本</a>

其中，链接地址（URL）是指链接指向的网页或文件的路径；链接文本则是用户能够看到的链接文字。

除了 <a> 标签之外，其他 HTML 元素如 <link>、<area> 等也可以使用 href 属性。

实例

跳转到其他页面

<a href="https://www.baidu.com">百度一下，你就知道</a>

此代码会创建一个指向百度搜索首页的链接，点击链接后将在浏览器中打开百度页面。

下载文件

<a href="https://example.com/files/document.pdf" download>下载文档</a>

此代码会创建一个链接，点击链接后将下载指定链接地址的 PDF 文档。download 属性告诉浏览器在下载时不要打开文件，而是保存到本地。

跳转到页面内锚点

<a href="#section-1">跳转到第一部分</a>

<section id="section-1">
  <h2>第一部分</h2>
  <p>这是第一部分的内容</p>
</section>

在页面上，标签包含 ID 属性的元素可以作为锚点，可以通过给链接的 href 属性指定锚点 ID 来跳转到页面内的指定位置。

加载外部样式表

<link rel="stylesheet" href="style.css">

此代码将在当前页面中加载 style.css 样式表，改变网页的样式。rel 属性定义样式表的类型为样式表，而 href 属性指定样式表的路径。

总结

href 属性是 HTML 中非常重要的一个属性，用于指定链接的目标地址，可以用于跳转到其他页面、下载文件、跳转到页面内指定位置等多种场合，是前端开发者必须掌握的技能之一。