1. 首页>>前端>>HTML

a 标签

  HTML <a> 元素(或称锚元素)可以通过它的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。<a> 中的内容应该应该指明链接的意图。如果存在 href 属性,当 <a> 元素聚焦时按下回车键就会激活它。


  语法:<a href = "link"> 链接名称 </a>


  属性:锚标签包含下面列出的许多属性。

  HTML <a> download 属性:用于指定用户点击时要下载的目标链接。

  HTML <a> hreflang 属性:用于指定链接文档的语言。

  HTML <a> media 属性:用于指定链接媒体。

  HTML <a> rel 属性:用于指定当前文档与链接文档之间的关系。

  HTML <a> type 属性:用于指定链接的类型。

  HTML <a> target 属性:它指定目标链接。

  HTML <a> name 属性:用于指定锚点名称。HTML 5 不支持它,您可以改用全局id 属性。

  HTML <a> coords 属性:用于指定链接的坐标。HTML 5 不支持它。

  HTML <a> shape 属性:用于指定链接的形状。HTML 5 不支持它。

  HTML <a> charset 属性:此属性用于指定字符集。HTML 5 不支持它。

  HTML <a> rev 属性:用于指定链接文档与当前文档的关系。HTML 5 不支持它


例子:

<a href="link">我是一个链接</a>

  内容分类:流内容、文字内容、交互内容、可触摸内容。

  允许的内容:可见的内容(Transparent),包含流内容(不包括交互式内容)或文字内容(phrasing content)。

  标签省略:不允许,开始标签和结束标签都不能省略。

  允许的父元素:接受短语内容的任何元素或接受流内容的任何元素,但始终不接受<a> 元素(根据对称的逻辑原理,如果<a> 标记作为父元素,不能具有交互内容,则相同的<a> 内容不能具有<a> 标记作为其父元素)。


 download 属性:

  此属性指示浏览器下载URL 而不是导航到它,因此将提示用户将其保存为本地文件。如果属性有一个值,那么此值将在下载保存过程中作为预填充的文件名(如果用户需要,仍然可以更改文件名)。此属性对允许的值没有限制,但是 / 和  会被转换为下划线。大多数文件系统限制了文件名中的标点符号,故此,浏览器将相应地调整建议的文件名。

  注意:

  ◆此属性仅适用于同源URL。

  ◆尽管HTTP URL 需要位于同一源中,但是可以使用blob:URL和data:URL,以方便用户下载使用JavaScript 生成的内容(例如使用在线绘图Web 应用程序创建的照片)。

  ◆如果HTTP 头中的Content-Disposition属性赋予了一个不同于此属性的文件名,HTTP 头属性优先于此属性。

  ◆如果HTTP 头属性 Content-Disposition 被设置为inline(即Content-Disposition='inline'),那么Firefox 优先考虑HTTP 头Content-Dispositiondownload 属性。


  href

  包含超链接指向的URL 或URL 片段。

  URL 片段是哈希标记(#)前面的名称,哈希标记指定当前文档中的内部目标位置(HTML 元素的ID)。URL 不限于基于Web(HTTP)的文档,也可以使用浏览器支持的任何协议。例如,在大多数浏览器中正常工作的file:、ftp:和mailto:。

  注意:可以使用 href="#top" 或者 href="#" 链接返回到页面顶部。这种行为是HTML5 的特性。

  hreflang

  该属性用于指定链接文档的人类语言。其仅提供建议,并没有内置的功能。hreflang 允许的值取决于HTML5 BCP47。

  ping

  包含一个以空格分隔的url 列表,当跟随超链接时,将由浏览器(在后台) 发送带有正文PING 的POST 请求。通常用于跟踪。


  referrerpolicy Experimental

  表明在获取URL 时发送哪个提交者(referrer):

  ◆"no-referrer"表示 Referer: 头将不会被发送。

  ◆"no-referrer-when-downgrade"表示当从使用HTTPS 的页面导航到不使用TLS(HTTPS) 的来源时不会发送 Referer: 头。如果没有指定策略,这将是用户代理的默认行为。

  ◆"origin"表示referrer 将会是页面的来源,大致为这样的组合:主机和端口(不包含具体的路径和参数的信息)。

  ◆"origin-when-cross-origin" 表示导航到其它源将会限制为这种组合:主机+ 端口,而导航到相同的源将会只包含referrer 的路径。

  ◆'strict-origin-when-cross-origin'

  ◆"unsafe-url"表示referrer 将会包含源和路径(domain + path)(但是不包含密码或用户名的片段)。这种情况是不安全的,因为它可能会将安全的URLs 数据泄露给不安全的源。

  rel

  该属性指定了目标对象到链接对象的关系。该值是空格分隔的列表类型值。

  target

  该属性指定在何处显示链接的资源。取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词。以下关键字具有特殊的意义:

  ◆_self: 当前页面加载,即当前的响应到同一HTML 4 frame(或HTML5 浏览上下文)。此值是默认的,如果没有指定属性的话。

  ◆_blank: 新窗口打开,即到一个新的未命名的HTML4 窗口或HTML5 浏览器上下文

  ◆_parent: 加载响应到当前框架的HTML4 父框架或当前的HTML5 浏览上下文的父浏览上下文。如果没有parent 框架或者浏览上下文,此选项的行为方式与 _self 相同。

  ◆_top: IHTML4 中:加载的响应成完整的,原来的窗口,取消所有其它frame。HTML5 中:加载响应进入顶层浏览上下文(即,浏览上下文,它是当前的一个的祖先,并且没有parent)。如果没有parent 框架或者浏览上下文,此选项的行为方式相同_self

  注意:在 <a> 元素上使用 target="_blank" 隐式提供了与使用 rel="noopener" 相同的 rel 行为,即不会设置window.opener。

  type

  该属性指定在一个MIME type链接目标的形式的媒体类型。其仅提供建议,并没有内置的功能


  支持的浏览器(基本支持所有浏览器):

  ◆谷歌浏览器

  ◆IE浏览器

  ◆火狐

  ◆歌剧

  ◆苹果浏览器

  ◆微软边缘

转载联系作者并注明出处:https://www.focusonseo.cn/hctmsl/89.html