HTML——A标签
2022/8/31 23:22:57
本文主要是介绍HTML——A标签,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
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 属性" href="https://www.w3school.com.cn/tags/att_a_download.asp" rel="external nofollow" target="_blank">download | filename | 规定被下载的超链接目标。 |
标签的 charset 属性" href="https://www.w3school.com.cn/tags/att_a_charset.asp" rel="external nofollow" target="_blank">charset | char_encoding | HTML5 中不支持。规定被链接文档的字符集。 |
标签的 coords 属性" href="https://www.w3school.com.cn/tags/att_a_coords.asp" rel="external nofollow" target="_blank">coords | coordinates | HTML5 中不支持。规定链接的坐标。 |
标签的 href 属性" href="https://www.w3school.com.cn/tags/att_a_href.asp" rel="external nofollow" target="_blank">href | URL | 规定链接指向的页面的 URL。 |
标签的 hreflang 属性" href="https://www.w3school.com.cn/tags/att_a_hreflang.asp" rel="external nofollow" target="_blank">hreflang | language_code | 规定被链接文档的语言。 |
media 属性" href="https://www.w3school.com.cn/tags/att_a_media.asp" rel="external nofollow" target="_blank">media | media_query | 规定被链接文档是为何种媒介/设备优化的。 |
referrerpolicy 属性" href="https://www.w3school.com.cn/tags/att_a_referrerpolicy.asp" rel="external nofollow" target="_blank">referrerpolicy |
|
规定当用户单击超链接时要发送哪些引荐来源信息。 |
ping 属性" href="https://www.w3school.com.cn/tags/att_a_ping.asp" rel="external nofollow" target="_blank">ping | list_of_URLs | 规定以空格分隔的 URL 列表,当点击链接时,浏览器将发送带有正文 ping 的 post 请求(在后台)。通常用于跟踪。 |
标签的 name 属性" href="https://www.w3school.com.cn/tags/att_a_name.asp" rel="external nofollow" target="_blank">name | section_name | HTML5 中不支持。规定锚的名称。 |
标签的 rel 属性" href="https://www.w3school.com.cn/tags/att_a_rel.asp" rel="external nofollow" target="_blank">rel | text | 规定当前文档与被链接文档之间的关系。 |
标签的 rev 属性" href="https://www.w3school.com.cn/tags/att_a_rev.asp" rel="external nofollow" target="_blank">rev | text | HTML5 中不支持。规定被链接文档与当前文档之间的关系。 |
标签的 shape 属性" href="https://www.w3school.com.cn/tags/att_a_shape.asp" rel="external nofollow" target="_blank">shape |
|
HTML5 中不支持。规定链接的形状。 |
标签的 target 属性" href="https://www.w3school.com.cn/tags/att_a_target.asp" rel="external nofollow" target="_blank">target |
|
规定在何处打开链接文档。 |
type 属性" href="https://www.w3school.com.cn/tags/att_a_type.asp" rel="external nofollow" target="_blank">type | MIME type | 规定被链接文档的的 MIME 类型。 |
这篇关于HTML——A标签的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-21动态面包屑教程:新手入门指南
- 2024-12-21动态主题处理教程:新手必读指南
- 2024-12-21富文本编辑器教程:新手入门指南
- 2024-12-21前端项目部署教程:从零开始的全面指南
- 2024-12-21拖拽表格教程:轻松入门指南
- 2024-12-21Element-Plus教程:新手入门与实战指南
- 2024-12-21TagsView标签栏导航教程:轻松掌握标签栏导航
- 2024-12-21动态表格实战:新手入门教程
- 2024-12-21动态菜单项实战:一步步教你实现动态菜单项
- 2024-12-21动态面包屑实战:新手教程