a标签:anchor 锚点标签
- 双闭合标签
- 不单独占一行
- 输入超链接,点击后跳转链接地址。
- #top: 点击后返回本页面顶部
- 可以和id属性配合,将ID和#字段进行重合,那么点击就会到id属性对应的标签。
- 可以配合 target="_blank"后,点击链接为新页面打开,默认为原始页面(_self)
- 可配合title属性,鼠标放到超链接地点后显示内容。
- 如果不使用 href 属性,则不可以使用如下属性:download, hreflang, media, rel, target 以及 type 属性。
在所有浏览器中,链接的默认外观是:
<body> <a href="这里写超链接">点击后,打开链接所在地址</a>
<a href="#top">点击后,回到顶部</a>
</body>
使用a标签作为网页锚点:
HTML 4.01 与 HTML5 之间的差异
- 在 HTML 4.01 中,<a> 标签可以是超链接或锚。在 HTML5 中,<a> 标签始终是超链接,但是如果未设置 href 属性,则只是超链接的占位符。
- HTML5 提供了一些新属性,同时不再支持一些 HTML 4.01 属性。
属性 | 值 | 描述 |
---|---|---|
download | filename | 规定被下载的超链接目标。 |
charset | char_encoding | HTML5 中不支持。规定被链接文档的字符集。 |
coords | coordinates | HTML5 中不支持。规定链接的坐标。 |
href | URL | 规定链接指向的页面的 URL。 |
hreflang | language_code | 规定被链接文档的语言。 |
media | media_query | 规定被链接文档是为何种媒介/设备优化的。 |
referrerpolicy |
|
规定当用户单击超链接时要发送哪些引荐来源信息。 |
ping | list_of_URLs | 规定以空格分隔的 URL 列表,当点击链接时,浏览器将发送带有正文 ping 的 post 请求(在后台)。通常用于跟踪。 |
name | section_name | HTML5 中不支持。规定锚的名称。 |
rel | text | 规定当前文档与被链接文档之间的关系。 |
rev | text | HTML5 中不支持。规定被链接文档与当前文档之间的关系。 |
shape |
|
HTML5 中不支持。规定链接的形状。 |
target |
|
规定在何处打开链接文档。 |
type | MIME type | 规定被链接文档的的 MIME 类型。 |