HTMLでの言語タグ — lang属性ガイド
HTMLのlang属性を正しく使用する方法。アクセシビリティ、SEO、ブラウザの動作に関するベストプラクティスとよくある間違いを解説します。
Web Development
詳細な説明
HTMLのlang属性
lang属性はHTMLで最も重要でありながら、頻繁に誤用される属性の1つです。ブラウザ、スクリーンリーダー、検索エンジンにコンテンツの言語を伝えます。
ページ言語の設定
すべてのHTMLドキュメントは<html>要素で主言語を宣言する必要があります：
<html lang="ja">
右から左の言語の場合、dir属性を追加します：
<html lang="ar" dir="rtl">
langが重要な理由
- スクリーンリーダーは
lang属性に基づいて発音ルールを変更します - ブラウザは言語固有の組版ルールを適用します
- 検索エンジンは正しい言語バージョンを提供するために
langを使用します - CSSは
:lang()擬似クラスで特定の言語をターゲットできます
ユースケース
すべてのWebページは、アクセシビリティ準拠（WCAG 2.1達成基準3.1.1）、正しいスクリーンリーダーの発音、ブラウザのスペルチェック、SEOのために正しいlang属性が必要です。