HTML <a> 标签

实例

<a href="https://www.uihtml.com">新手教程(www.uihtml.com)</a>
运行 »

下面有更多"运行"的例子.


定义和用法

<a>标签定义了一个超链接, 用于从一个页面链接到另一个页面.

<a>元素最重要的属性是href属性, 它指示链接的目标.

默认情况下, 链接将在所有浏览器中显示如下:

  • 未访问的链接带有下划线和蓝色
  • 访问链接带有下划线和紫色
  • 活动链接带有下划线和红色

浏览器支持

Element
<a> Yes Yes Yes Yes Yes

提示和注意事项

提示:以下属性:如果href属性不存在, 则不能显示download, hreflang, media, rel, target和type.

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

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


HTML 4.01和HTML5之间的差异

在HTML 4.01中, <a>标记可以是超链接或锚点.在HTML5中, <a>标记始终是超链接, 但如果它没有href属性, 则它只是超链接的占位符.

HTML5具有一些新属性, 并且不再支持某些HTML 4.01属性.



属性

= HTML5中的新功能.

属性 描述
charset char_encoding HTML5不支持.
规定目标 URL 的字符编码
coords coordinates HTML5不支持.
规定链接的坐标
download filename 指定在用户单击超链接时将下载目标
href URL 指定链接转到的页面的URL
hreflang language_code 指定链接文档的语言
media media_query 指定为其优化链接文档的 media/device
name section_name HTML5不支持. 请改用全局 id属性 .
规定锚的名称
ping list_of_URLs 指定以空格分隔的URL列表,当遵循链接时,将通过浏览器(在后台)发送带有ping的发布请求.通常用于跟踪.
rel alternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag
指定当前文档与链接文档之间的关系
rev text HTML5不支持.
规定目标 URL 与当前文档之间的关系
shape default
rect
circle
poly
HTML5不支持.
规定链接的形状
target _blank
_parent
_self
_top
framename
规定在何处打开目标 URL。仅在 href 属性存在时使用
type media_type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用

全局属性

<a>标签还支持HTML中的全局属性 .


事件属性

<a>标签还支持HTML中的事件属性 .


运行 - 例子

创建超链接
如何创建超链接.

创建可点击的图像
如何使用图像作为链接.

在新的浏览器窗口中打开一个链接
如何在新的浏览器窗口中打开链接, 以便访问者不必离开您的网站.


相关页面

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 );
}