HTML5教程

HTML——A标签

本文主要是介绍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标签的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航