简介
a标签定义超链接,用于从一个页面链接到另一个页面。
a元素最重要的属性是 href 属性,它指定链接的目标。
标签简介
在HTML中标签<a></a> 或者大写字母A 。其中的a(或者 A)是 anchor 的缩写。anchor ['æŋkə] 基本解释是.:锚, 铁锚 的。
这些标签的作用是标明超连接的起始位置或目的位置。
<a> 标签可定义锚。锚 (anchor) 有两种用法:
通过使用 href 属性,创建指向另外一个文档的链接(或超链接)通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)<a> 元素最重要的属性是 href 属性,它指定链接的目标。
在所有浏览器中,链接的默认外观是:
未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的
示例:
1. <a href="#">关键词</a>
2. <a name="a00">关键词</a>
可选属性
#:HTML5 中的新属性。
属性 | 值 | 描述 |
charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
coords | coordinates | HTML5 不支持。规定链接的坐标。 |
download(#) () | filename | 指定下载链接 |
href | URL | 规定链接的目标 URL。 |
hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
media(#) | media_query | 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。 |
name | section_name | HTML5 不支持。规定锚的名称。 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
shape | default rect circle poly | HTML5 不支持。规定链接的形状。 |
target | _blank _parent _self _top ename | 规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
type (#) | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注:MIME = Multipurpose Internet Mail Extensions。 |
语法
链接的 HTML 代码很简单。它类似这样:
<a href="url">Link text</a>href 属性规定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。
实例<a href="url/">Visit W3School</a>上面这行代码显示为:Visit W3School
点击这个超链接会把用户带到 W3School 的首页。
提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
HTML 链接 - target 属性使用 Target 属性,你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档:
<a href="http://url/" target="_blank">Visit W3School!</a>
标准属性
id, class, title, style, dir, lang, xml:lang, tabindex, accesskey
事件属性
onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
标签伪类
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
name 属性
name 属性规定锚(anchor)的名称。
name 属性用于创建 HTML 内部的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。
命名锚的语法
<a name="label">Text to be displayed</a>提示:锚的名称可以是任何你喜欢的名字。
实例
HTML 文档内部的已命名的锚:
<a name="tips">Useful Tips Section</a>然后,我们创建指向相同文档中“有用的提示”部分的链接:
<a href="#tips">Visit the Useful Tips Section</a>或者,创建从另一个页面指向该文档中“有用的提示”部分的链接:
<a href="url/#tips">Visit the Useful Tips Section</a>在上面的代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。