HTMLLinkElement: hreflang プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
hreflang は HTMLLinkElement インターフェイスのプロパティで、ページの言語と地域の対象を示します。このヒントは、ブラウザーがより適切なページを選択したり、SEO を改善したりするために使用できます。
<link> 要素の hreflang 属性を反映します。hreflang 属性がない場合は空文字列 ("") です。
値
言語タグを含む文字列です。hreflang 属性がない場合は空文字列 ("") です。
例
html
<link
rel="alternate"
href="www.example.com/fr/html"
hreflang="fr"
type="text/html"
title="French HTML" />
<p class="tag"></p>
css
.tag {
margin-left: 20px;
font-weight: bold;
font-size: 24px;
}
js
const myLink = document.querySelector("link");
const pTag = document.querySelector(".tag");
pTag.textContent = myLink.hreflang;
結果
仕様書
| 仕様書 |
|---|
| HTML> # dom-link-hreflang> |