更多“试一试”的例子。
定义和用法
所述<a>标记定义一个超链接,其用于链接从一个页面到另一个。
在最重要的属性<a>元素是href属性,这表示链接的目标。
默认情况下,链接将出现在所有的浏览器如下:
- 一个未访问过的链接下划线的蓝色
- 访问链接是下划线和紫色
- 活动链接是下划线和红色
浏览器支持
元件 | |||||
---|---|---|---|---|---|
<a> | 是 | 是 | 是 | 是 | 是 |
提示和注意
提示: following属性: download, hreflang, media, rel, target和type不能,如果存在href属性不存在。
提示:链接的页面通常显示在当前浏览器窗口,除非你指定另一个目标。
HTML 4.01和HTML5之间的差异
在HTML 4.01中, <a>标签可以是一个超链接或锚。 在HTML5中, <a>标记始终是一个超链接,但是如果它没有href属性,这只是一个超链接的占位符。
HTML5有一些新的属性,以及一些HTML 4.01属性都不再支持。
属性
=新的HTML5。
全局属性
该<a>标签支持全球的HTML属性 。
事件属性
该<a>标签支持的HTML事件属性 。
试一试 - 示例
创建超级链接
如何创建超链接。
作为链接的图像
如何使用图像作为链接。
打开一个新的浏览器窗口的链接
如何打开一个新的浏览器窗口的链接,让访问者不必离开你的网站。
创建一个mailto链接
如何链接到邮件(如果你已经安装了邮件才起作用)。
创建一个mailto链接2
另一个邮寄地址链接。
链接到一个元素与指定id
如何与指定链接到一个元素id在页面中(该name属性不是HTML5支持)。
链接到一个JavaScript
如何添加一个JavaScript里面href属性。
相关页面
HTML教程: HTML链接
HTML DOM参考: 固定物
CSS教程: 样式化链接
默认设置CSS
大多数浏览器将显示<a>与以下默认值元素:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
}
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | 在HTML5不支持。 指定字符集链接的文件 |
coords | coordinates | 在HTML5不支持。 指定链接的坐标 |
download | filename | 指定当用户点击超链接的目标将被下载 |
href | URL | 指定链接转到网页的网址 |
hreflang | language_code | 指定链接文档的语言 |
media | media_query | 指定何种媒体/设备链接文档优化 |
name | section_name | 在HTML5不支持。 使用全球id属性代替。 指定锚的名称 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | 指定当前文档和所链接的文档之间的关系 |
rev | text | 在HTML5不支持。 指定链接的文档和当前文档之间的关系 |
shape | default rect circle poly | 在HTML5不支持。 指定链接的形状 |
target | _blank _parent _self _top framename | 规定在何处打开链接的文档 |
type | media_type | 指定链接的文档的媒体类型 |