HTMLAnchorElement: hreflang 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

HTMLAnchorElement 接口的 hreflang 属性是一个字符串,表示链接资源的语言。

它反映了 <a> 元素的 hreflang 属性,如果没有 hreflang 属性,则为空字符串 ("")。

Web 浏览器和搜索引擎可能会使用此信息更好地理解链接内容的语言,但它们不一定必须遵循。hreflang 属性的值应遵循 BCP 47 语言标签格式。如果不是,则会被忽略。

Web 浏览器在获取链接资源后,并不会仅仅依赖 hreflang 属性。相反,它们会使用直接与资源关联的语言信息(例如,通过 HTTP 标头)来确定其语言。

包含语言标签的字符串,或者在没有 hreflang 属性时为空字符串 ("")。

示例

html
<a id="exampleLink" href="https://example.com" hreflang="en-IN">Example Link</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); // Outputs: "en-IN"
pTag.textContent = anchorElement.hreflang;

结果

规范

规范
HTML
# dom-a-hreflang

浏览器兼容性

另见