lang
lang グローバル属性は、要素の言語を定義するために使用します。 編集不可能な要素の場合は書かれている言語、または編集可能な要素の場合はユーザーが書くべき言語です。この属性には、単一の BCP 47 言語タグを記述します。
メモ: lang の既定値は空文字列であり、これは言語が不明であることを意味します。したがって、この属性には常に適切な値を指定することをお勧めします。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | ≤4 | 18 | ≤3.2 | |
| DOM API | ||||||
| HTMLElement.lang プロパティは、要素の属性値とテキストコンテンツの基本言語を取得または設定します。 | 1 | 12 | 1 | 3 | 18 | 1 |
基本構文
HTML
<html lang="ja">
<body>
<p>Japanese text</p>
<p lang="en">This is English text.</p>
<blockquote lang="fr">C'est la vie.</blockquote>
</body>
</html>ライブデモ
Mixed-language article
Declare the language of each fragment so pronunciation and styling stay accurate.
プレビュー全画面表示
Language-aware labels
Style labels differently with :lang() while keeping the source text intact.
プレビュー全画面表示
Quoted names and terms
Use nested lang values for titles, names, and quoted content inside a card.
プレビュー全画面表示
実務での使いどころ
-
lang の活用
lang グローバル属性は、要素の言語を定義するために使用します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。