
定义和用法
<a>
标签定义超链接,它是 "anchor"(锚点)的缩写,用于从一个页面链接到另一个页面。
<a>
元素最重要的属性是 href 属性,它指示链接的目标地址。
默认情况下,链接将在所有浏览器中显示如下:
- 未访问过的链接是带有下划线和蓝色的
- 已访问过的链接是带有下划线和紫色的
- 正在访问的链接是带有下划线和红色的
提示:您可能已经注意到了,本站的链接外观与默认的链接非常不同。您可以使用 CSS 伪类向文本超链接添加复杂而多样的样式。
实例推荐
接下来用多种实例演示<a>
标签在不同场合下,不用的使用方法。
1. 创建指向 www.kaicz.com 的链接
<a href="https://www.kaicz.com">访问 www.kaicz.com!</a>
2. 使用图像作为链接
<a href="https://www.kaicz.com">
<img border="0" alt="kaicz" src="kaicz.png" width="400" height="225">
</a>
3. 在新的浏览器窗口打开链接
<a href="https://www.kaicz.com" target="_blank">访问 www.kaicz.com!</a>
4. 链接到电子邮件地址
<a href="mailto:someone@example.com">发送电子邮件</a>
5. 链接到电话号码
<a href="tel:+8613888888888" target="_blank">+86 138 8888 8888</a>
6. 链接到同一页上的另一个部分
<a href="#section2">转到第二章</a>
7. 链接到 JavaScript
<a href="javascript:alert('Hello World!');" target="_blank">执行 JavaScript</a>
提示和注释
提示:如果<a>
标签没有 href 属性,它只是一个超链接的占位符。
提示:被链接的页面通常显示在当前浏览器窗口中,除非您规定了另一个目标(用 target 属性)。
提示:请使用 CSS 设置链接的样式:CSS 链接和CSS 按钮。
常用的属性
<a>
标签借助多样化的属性,极大拓宽了链接功能的适用场景,提升操作的便捷性。
属性 | 值 | 描述 |
---|---|---|
download | 文件名 | 规定当用户单击超链接时将下载目标。 |
href | URL | 规定链接指向的页面的 URL。 |
hreflang | 语言代码 | 规定被链接文档的语言。 |
media | 媒体查询 | 规定被链接文档是为何种媒介/设备优化的。 |
ping | URL 列表 | 规定以空格分隔的 URL 列表,当链接被访问时,浏览器将发送带有 ping 正文的 POST 请求(在后台发送)。通常用于跟踪。 |
referrerpolicy |
|
规定要与链接一起发送的引用信息。 |
rel |
|
规定当前文档和被链接文档之间的关系。 |
target |
|
规定在何处打开被链接文档。 |
type | 媒体类型 | 规定被链接文档的媒体类型。 |
教程介绍
HTML 参考手册涵盖 HTML 元素、属性、事件等详细解析,助您快速检索 HTML 使用方法 。
49
章节
109
阅读
0
评论
反馈提交成功
感谢您的反馈,我们将尽快处理您的反馈