HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで要素のコンテンツの言語を指定するにはどうすればいい？

HTMLでは、lang属性を使うことで、要素内のコンテンツがどの言語で書かれているかを指定できます。検索エンジンやスクリーンリーダーがページの内容を正しく解釈するうえでも重要な属性です。以下のコードを実行して、lang属性の使い方を実際に確認してみましょう。

コード例

この例では、英語に加えてフランス語とスペイン語のコンテンツも追加し、それぞれの言語をlang属性で指定しています。

<!DOCTYPE html>
<html>
   <body>
      <h2>English</h2>
      <p lang = "en">This is demo text</p>

      <h2>French</h2>
      <p lang = "fr">Ceci est un texte de démonstration</p>

      <h2>Spanish</h2>
      <p lang = "es">Este es un texto de demostración</p>

   </body>
</html>

このように、lang="en"は英語、lang="fr"はフランス語、lang="es"はスペイン語を表します。言語コードはISO 639-1規格に基づいており、<html>タグ全体に指定すればページ全体の既定言語を設定することも可能です。多言語サイトを作成する際は、各要素に適切なlang属性を付与することで、アクセシビリティとSEOの両面でメリットが得られます。

  1. HTMLの<title>要素の正しい使い方とSEO対策のポイント

    この記事では、HTMLの<title>要素の基本的な使い方から、SEOにおける重要性までをわかりやすく解説します。 HTMLの<title>要素は、ウェブサイトのページタイトルを表す要素です。 ページタイトルの確認方法 閲覧中のウェブサイトのページタイトルを確認したい場合は、ブラウザのタブにマウスカーソルを合わせて数秒間静止してみましょう。完全なページタイトルがポップアップ表示されます。 以下はYouTubeで実際に試した例です。 <title>要素の書き方 <title>要素を作成するには、開始タグと終了タグを使い、その間にタイトルとなるテキ

  2. HTMLで要素に値を追加するには？value属性の使い方を解説

    HTMLで要素に値を設定するには、value属性を使用します。value属性は、フォーム送信時にサーバーへ送られる初期値や、要素が持つ現在の値を指定するために使われます。 value属性が使用できる要素 value属性は、以下のHTML要素で利用できます。 <button> … ボタンのラベルとして送信される値 <input> … 入力フィールドの初期値 <li> … 順序付きリスト（<ol>）内での項目の開始番号 <option> … 選択肢としてサーバーへ送信される値 <meter> … 計測範囲内における現在の値