HTML href 属性

在 HTML 中，href 是一个常见的属性，用于指定链接的目标 URL。当用户点击链接时，浏览器将显示 URL 中指定的页面。

用法

href 属性可以用于以下 HTML 元素中：

• <a> - 它定义了一个带有超链接的文本。
• <link> - 它定义了一个文档和外部资源之间的关系。
• <area> - 它定义了图像地图中的某个区域，并且与超链接相关联。
• <base> - 它定义了文档中所有链接的默认 URL。

以下是一个基本的HTML代码片段：

<a href="https://www.example.com">这是一个链接</a>

在上面的例子中，href 属性指定了 https://www.example.com 的URL，因此当用户点击链接时，浏览器将打开该页面。

URL 種類

href 属性可以接受多种类型的 URL。当以下一些情况中的任意一种出现时，其行为会有所不同：

绝对 URL

指定完整的 URL（例如 https://www.example.com），浏览器将直接与该 URL 连接。

相对 URL

相对 URL 是相对于当前页面的 URL（或基本 URL）的路径，并且可以没有协议。当使用相对 URL 时，可以使用以下几种方式来指定目标 URL：

• 同一级目录：使用 / 表示同级目录。
• 上一级目录：使用 .. 表示上一级目录。
• 当前目录位置：使用 ./ 表示当前目录位置。

Internet 链接

可以使用 mailto 和 tel 链接打开邮件客户端或电话应用程序：

<a href="mailto:info@example.com">发送电子邮件</a>
<a href="tel:+1234567890">拨打电话</a>

属性值

href 属性可以接受多种属性值，包括以下一些：

• URL：一个字符串值，指定超链接的目标 URL。
• 邮件地址：使用 mailto: 前缀来指定邮件地址。
• 电话号码：使用 tel: 前缀指定电话号码。

安全性

使用 href 属性时要非常小心，尤其是在使用绝对链接时。如果连接到来自不受信任的网站，则可能会导致跨站点脚本（XSS）攻击。

结论

href 属性是 HTML 中常用的属性之一，用于指定链接的目标 URL。它可以接受多种类型的 URL，包括绝对 URL、相对 URL，以及 Internet 链接等。在使用 href 属性时，需要注意安全性问题。