最新的Web开发教程
 

HTML <a> Tag


链接到w3ii.com:

<a href="http://www.w3ii.com">Visit w3ii.com!</a>
试一试»

更多“试一试”的例子。


定义和用法

所述<a>标记定义一个超链接,其用于链接从一个页面到另一个。

在最重要的属性<a>元素是href属性,这表示链接的目标。

默认情况下,链接将出现在所有的浏览器如下:

  • 一个未访问过的链接下划线的蓝色
  • 访问链接是下划线和紫色
  • 活动链接是下划线和红色

浏览器支持

元件
<a>

提示和注意

提示: following属性: download, hreflang, media, rel, targettype不能,如果存在href属性不存在。

提示:链接的页面通常显示在当前浏览器窗口,除非你指定另一个目标。

提示:使用CSS样式链接: CSS教程链接CSS教程按钮


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 指定链接的文档的媒体类型