【HTML Living Standard】lang属性の使い方
lang属性の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
langプロパティは、HTML要素の内容が使用している自然言語を保持するプロパティです。このプロパティは、HTMLのあらゆる要素に指定できるグローバル属性の一つとして定義されています。
langプロパティの主な目的は、ウェブページや特定の要素内のテキストがどの言語で書かれているかを明確に宣言することにあります。これにより、Webブラウザ、検索エンジン、スクリーンリーダーなどのユーザーエージェントが、コンテンツを適切に処理し、ユーザーに最適な形で提供できるようになります。例えば、検索エンジンは言語情報を利用して適切な検索結果を表示し、スクリーンリーダーは正しい発音でテキストを読み上げることができます。また、ブラウザは適切なフォントを選択したり、自動翻訳機能の判断基準としたりします。
通常、ウェブページの主要な言語は<html>タグにlang属性を指定して設定します。例えば、日本語のページであれば<html lang="ja">と記述します。もしページの一部に異なる言語のコンテンツが含まれる場合は、その部分を囲む要素（例: <p>, <span>, <div>など）に個別にlang属性を設定することで、その部分の言語を宣言できます。属性の値には、ISO 639-1で定義された言語コード（例: "en", "ja"）や、さらに地域コードを加えた形（例: "en-US", "ja-JP"）を指定します。
このプロパティを正しく設定することは、ウェブコンテンツの国際化対応、アクセシビリティの向上、そして検索エンジン最適化（SEO）において非常に重要です。
公式リファレンス: HTML lang global attribute
構文(syntax)
1<element lang="language-code"></element>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません