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浏览器
◆火狐
◆歌剧
◆苹果浏览器
◆微软
本文来源:重庆seo博客
本文地址:https://focusonseo.cn/htmljichu/89.html
文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。
上一篇:html行内元素列表