HTML <a> 标签
-
<a>标签定义和用法
<a>标签定义了一个超链接,用于从一个页面链接到另一个页面。
<a>元素最重要的属性是href属性,它指示链接的目标。
默认情况下,链接将在所有浏览器中显示如下:- 未访问的链接带有下划线和蓝色
- 访问链接带有下划线和紫色
- 活动链接带有下划线和红色
-
<a>浏览器支持
Internet Explorer Chrome FireFox Safari Opera 支持 支持 支持 支持 支持 -
<a>实例
尝试一下<a href="https://www.cainiaoya.com">菜鸟教程首页(https://www.cainiaoya.com)</a>
-
<a>HTML4.01和HTML5之间的差异
在HTML 4.01中,<a>标记可以是超链接或锚点。在HTML5中,<a>标记始终是超链接,但如果它没有href属性,则它只是超链接的占位符。 HTML5具有一些新属性,并且不再支持某些HTML 4.01属性。
-
<a>提示和注意事项
提示:以下属性:如果href属性不存在,则不能显示download,hreflang,media,rel,target和type。
提示:链接页面通常显示在当前浏览器窗口中,除非您指定另一个目标。
提示:使用CSS来设置链接样式:CSS教程。 -
<a>属性
橙色的5代表HTML5新功能。
属性 值 描述 charset 字符编码名称 HTML5不支持。
指定链接文档的字符集coords 坐标 HTML5不支持。
指定链接的坐标download5 文件名 指定当用户单击超链接时将下载目标 href URL 指定链接指向的页面的URL hreflang 语言代码 指定链接文档的语言 media5 媒体查询 指定链接文档优化的媒体/设备 name 小节名称 HTML5不支持。用全局的 id属性 代替。
指定锚的名称ping5 URL列表 指定一个空格分隔的url列表,在链接之后,将通过浏览器(在后台)发送带有正文ping的post请求。通常用于跟踪。 rel alternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag指定当前文档和链接文档之间的关系 rev text HTML5不支持。
指定链接文档和当前文档之间的关系shape default
rect
circle
polyHTML5不支持。
指定链接的形状target _blank
_parent
_self
_top
framename指定在何处打开链接文档 type 媒体类型 指定链接文档的媒体类型 -
-
-
<a>默认CSS设置
大多数浏览器将使用以下默认值显示<a>元素:
<a:link, a:visited { color: (internal value); text-decoration: underline; cursor: auto; } a:link:active, a:visited:active { color: (internal value); }