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
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
规定当用户单击超链接时要发送哪些引荐来源信息。
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
  • default
  • rect
  • circle
  • poly
HTML5 中不支持。规定链接的形状。
标签的 target 属性" href="https://www.w3school.com.cn/tags/att_a_target.asp" rel="external nofollow" target="_blank">target
  • _blank
  • _parent
  • _self
  • _top
  • framename
规定在何处打开链接文档。
type 属性" href="https://www.w3school.com.cn/tags/att_a_type.asp" rel="external nofollow" target="_blank">type MIME type 规定被链接文档的的 MIME 类型。


这篇关于HTML——A标签的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程