このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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

ブラウザーの互換性

関連情報