跳到主要内容

a

2023年03月14日
柏拉文
越努力,越幸运

一、认识


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

二、语法


<a> </a>

三、属性


3.1 download

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

语法

<a download="url"> </a>
  • url:

    • 同源URL

    • blob:URL

    • data:URL

3.2 href

包含超链接指向的 URLURL 片段。URL 片段是哈希标记(#)前面的名称,哈希标记指定当前文档中的内部目标位置(HTML 元素的 ID)。URL 不限于基于 WebHTTP)的文档,也可以使用浏览器支持的任何协议。

语法

<a href="url"> </a>
  • url:

    • #: 返回页面顶部

    • #top: 返回页面顶部

3.3 hreflang

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

3.4 ping

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

3.5 rel

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

3.6 target

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

语法

<a target="target"></a>
  • target:

    • _self: 当前页面加载

    • _blank: 新窗口打开

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

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

3.7 type

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