21xrx.com
2025-06-08 10:22:41 Sunday
登录
  

HTML <a>标签

例子

链接到21xrx.com

<a href="https://www.21xrx.com">访问 21xrx.com!</a>
Markup

定义和使用

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

<a>标签最重要的属性是href,指向目标链接.

默认情况下,链接在所有的浏览器里以下面的格式出现:

  • 未访问过的超链接有一条下划线并且颜色是蓝色
  • 访问过的超链接有一条下划线并且颜色是紫色
  • 正在点击的超链接有一条下划线并且颜色是红色

浏览器支持

元素
<a> 支持 支持 支持 支持 支持

提示和注意

提示:如果没有href属性,下面的这些属性也不能用:download,hreflang,media,rel,target和type.

提示:一个普通的超链接点击后通常在当前浏览器窗口显示,除非你改变target属性值.

提示:用CSS来设计超链接样式:CSS 超链接教程 & CSS 按钮教程

HTML 4.01和HTML5之间的区别

在HTML 4.01,<a>标签可以是超链接或是指向页面某个位置的锚.在HTML5里,<a>标签只能是超链接,但是如果没有href属性,它只是一个超链接占位符.

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

属性

=新的HTML5属性

属性描述
charset 字符编码 在HTML5里不再支持.
指定链接文档的字符集
coords 坐标 在HTML5里不再支持.
指定链接的坐标
download 文件名 指定目标可以被下载,当用户单击超链接时.
href URL 指定要链接到的页面地址
hreflang 语言代码 指定链接文档的语言
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 指定被链接文档的媒体类型

全局属性

<a>标签在HTML里也支持全局属性.

事件属性

<a>标签在HTML里也支持事件属性.

默认CSS设置

大多数浏览器将以下面的默认值来显示<a>标签:

a:link, a:visited { 
    color: (internal value);
    text-decoration: underline;
    cursor: auto;
}

a:link:active, a:visited:active { 
    color: (internal value);
}
  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2