HTMLAnchorElement: hreflang 属性

基线广泛可用

此功能非常成熟，可以在许多设备和浏览器版本上正常使用。它自 2015 年 7 月.

报告反馈

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

它反映了 <a> 元素的 hreflang 属性，如果不存在 hreflang 元素，则为空字符串 ("")。

Web 浏览器和搜索引擎可以使用此信息更好地理解链接内容的语言，但它们不需要遵循此信息。hreflang 属性的值应符合 RFC 5646: 语言识别标签（也称为 BCP 47）中定义的格式。如果不符合，则会被忽略。

值

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

示例

一个包含语言标签的字符串，或者如果不存在 hreflang 元素，则为空字符串 ("")。

<a id="exampleLink" href="https://example.com" hreflang="en-IN">Example Link</a>
<p class="hreflang"></p>

html

#exampleLink {
  font-size: 1.5rem;
}

css

const anchorElement = document.getElementById("exampleLink");
const pTag = document.querySelector(".hreflang");
console.log(anchorElement.hreflang); // Outputs: "en-IN"
pTag.textContent = anchorElement.hreflang;

结果

规范

js
规范 # HTML 标准

浏览器兼容性

dom-a-hreflang

参见

HTMLLinkElement.hreflang 属性