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

瀏覽器相容性

另見