HTML <a> 标签

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

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

如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性

通常在当前浏览器窗口中显示被链接页面,除非设置了其它 target

请使用 CSS 来改变链接的样式

在所有浏览器中,链接的默认外观如下

  1. 未被访问的链接带有下划线而且是蓝色的
  2. 已被访问的链接带有下划线而且是紫色的
  3. 活动链接带有下划线而且是红色的

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 <a> 标签

范例

链接到简单教程

<a href="http://www.twle.cn">访问简单教程!</a>

运行范例 »

属性

属性 描述
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
framename
设置在何处打开目标 URL。仅在 href 属性存在时使用
type MIME_type 设置目标 URL 的 MIME 类型。仅在 href 属性存在时使用
MIME = Multipurpose Internet Mail Extensions

HTML 4.01 与 HTML5 之间的差异

HTML 4.01 中,<a> 标签既可以是超链接,也可以是锚

HTML5 中,<a> 标签是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符

HTML5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性

全局属性

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

事件属性

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

更多范例

链接 描述
创建超级链接 如何在 HTML 文档中创建链接
将图像作为链接 如何使用图像作为链接
在新的浏览器窗口打开链接 如何在新窗口打开一个页面,这样的话访问者就无需离开站点了
创建电子邮件链接 如何链接到一个邮件
创建电子邮件链接 2 更加复杂的邮件链接
使用锚跳转到同一个页面的不同位置 如何使用锚的 id 属性跳转到页面的不同位置 ( HTML5 不支持 name 属性)

相关文章

HTML 基础教程: HTML 链接

HTML DOM 参考手册: Anchor 对象

HTML 全部标签

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.