a链接标签

a标签是一个超链接标签, 用于指向一个资源url地址

基本规则

它可以指向并跳转到一个url资源, 对于不同类型的资源有不同的效果

• 对于浏览器能打开的资源, 会直接在当前标签页打开
• 对于压缩包等不能直接打开的会下载

浏览器能直接打开的包括但不限于:

• html
• css
• js
• 图片
• pdf

<a href="https://www.52dixiaowo.com">52的小窝</a>

此外，它可以跳转到页面内的某一个id，如果是#表示本页面，若无htef则作为普通文字标签。

可选属性

属性	值	描述
charset	char_encoding	HTML5 中不支持。规定被链接文档的字符集。
coords	coordinates	HTML5 中不支持。规定链接的坐标。
download	filename	规定被下载的超链接目标。
href	URL	规定链接指向的页面的 URL。
hreflang	language_code	规定被链接文档的语言。
media	media_query	规定被链接文档是为何种媒介/设备优化的。
name	section_name	HTML5 中不支持。规定锚的名称。
rel	text	规定当前文档与被链接文档之间的关系。
rev	text	HTML5 中不支持。规定被链接文档与当前文档之间的关系。
shape	default rect circle poly	HTML5 中不支持。规定链接的形状。
target	_blank _parent _sel f_top framename	规定在何处打开链接文档。
type	MIME type	规定被链接文档的的 MIME 类型。

download属性

这是html5的新属性, 用a标签包裹后, 点击可以下载包裹的内容, 不过需要注意的是浏览器默认不支持跨域

href属性

这个属性是a标签的基础属性, 它表示目标的url

注意: 它可以链接id, 即 href=”#id”, 这是业内跳转!

hreflang属性

此属性仅告知目录站点的语言

rel属性

此属性表示a链接与本文档之间的关系, 有很多取值, 比如 rel 设置为 friend 表示友情链接

可以根据不同的类型, 显示不同的样式

值	描述
alternate	文档的可选版本（例如打印页、翻译页或镜像）。
stylesheet	文档的外部样式表。
start	集合中的第一个文档。
next	集合中的下一个文档。
prev	集合中的前一个文档。
contents	文档目录。
index	文档索引。
glossary	文档中所用字词的术语表或解释。
copyright	包含版权信息的文档。
chapter	文档的章。
section	文档的节。
subsection	文档的子段。
appendix	文档附录。
help	帮助文档。
bookmark	相关文档。
nofollow	Google 使用 “nofollow”，用于指定 Google 搜索引擎不要跟踪链接。
licence	版权声明
tag	标签
friend	友情链接

target属性

target属性表示在何处打开, 默认是 _self, 最常用的是 _blank

值	描述
_blank	在新窗口中打开被链接文档。
_self	默认。在相同的框架中打开被链接文档。
_parent	在父框架集中打开被链接文档。
_top	在整个窗口中打开被链接文档。
framename	在指定的框架中打开被链接文档。

type属性

type属性是 html5 的新属性, 告知a链接内容的mime类型, 取值就是mimeType