Web开发：href属性作用

解释

在HTML中，href属性是超链接（<a>）元素的一个属性，它指定了链接的目标URL。当用户点击这个链接时，浏览器会尝试加载href属性中指定的资源或者跳转到指定的页面。

包含的类型的值

1. 绝对URL：

指向另一个网站或者网络上的资源的完整URL

举例：

<a href="https://www.example.com">访问 Example 网站</a >

效果：

2. 相对URL：

指向当前网站内的一个页面或资源的路径

举例：

<a href="/about">关于我们</a >

效果：

3. 锚点：

用于链接到当前页面内的一个锚点（通过id或name属性定义的元素）

举例：

<a href="#section1">跳转到第一部分</a >

效果：

4. 协议相对URL：

省略了协议（如http或https）的URL，浏览器会使用当前页面的协议

举例：

<a href="//www.example.com">访问 Example 网站</a >

效果：

5. 电子邮件链接：

通过mailto:协议，点击链接会启动用户的默认邮件客户端，并预填充收件人地址。

举例：

<a href="mailto:info@example.com">给我们发邮件</a >

效果：

点击后弹出：

6. 电话链接：

在移动设备上，可以通过tel:协议创建一个点击即可拨打电话的链接。

举例：

<a href="tel:1234567890">给我们打电话</a >

效果：

7. JavaScript链接：

通过javascript:协议，点击链接会执行一段JavaScript代码。

举例：

<a href="javascript:alert('Hello World!');">点击我</a >

效果：

点击后弹出：

注意

请注意，虽然href属性主要用于<a>元素，但也可以在其他元素上使用，如<area>元素（用于图像映射）和<base>元素（用于指定文档中所有相对URL的基础URL）。