a标签是一个超链接标签, 用于指向一个资源url地址
基本规则
它可以指向并跳转到一个url资源, 对于不同类型的资源有不同的效果
- 对于浏览器能打开的资源, 会直接在当前标签页打开
- 对于压缩包等不能直接打开的会下载
浏览器能直接打开的包括但不限于:
- html
- css
- js
- 图片
<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