HTMLAnchorElement:hreflang 属性
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
HTMLAnchorElement
接口的 hreflang
属性是一个表示链接资源的语言的字符串。
它反映 <a>
元素的 hreflang
属性,如果没有 hreflang
属性,则为空字符串(""
)。
Web 浏览器和搜索引擎可能会使用此信息来更好地理解链接内容的语言,但它们并不一定要遵循此信息。为 hreflang
属性提供的值应遵循 RFC 5646: 用于标识语言的标记(也被称为 BCP 47)中定义的格式。如果不符合该格式,则会被忽略。
在获取链接资源后,Web 浏览器并不完全依赖于 hreflang
属性。相反,它们会使用与资源直接关联的语言信息(例如,通过 HTTP 标头)来确定资源的语言。
值
一个包含语言标签的字符串,如果没有 hreflang
属性,则为空字符串(""
)。
示例
html
<a id="exampleLink" href="https://example.com" hreflang="en-IN">示例链接</a>
<p class="hreflang"></p>
css
#exampleLink {
font-size: 1.5rem;
}
js
const anchorElement = document.getElementById("exampleLink");
const pTag = document.querySelector(".hreflang");
console.log(anchorElement.hreflang); // 输出:“en-IN”
pTag.textContent = anchorElement.hreflang;
Result
规范
Specification |
---|
HTML Standard # dom-a-hreflang |
浏览器兼容性
BCD tables only load in the browser