htmlについてhtmlプロパティ解説

概要

<html> タグは、HTML文書の最上位（ルート）要素を示します。すべての要素はこの中に配置される必要があります。
HTML5では <!DOCTYPE html> 宣言の直後に書くのが一般的です。

基本的な使い方

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>サンプルページ</title>
  </head>
  <body>
    <p>こんにちは、世界！</p>
  </body>
</html>

See the Pen htmlについて by 西野, WEBデザイン (西野 誠) (@-WEB-the-vuer) on CodePen.

<html> タグには lang 属性（言語指定）を付けるのが一般的です。
このタグ内に <head> と <body> を配置してHTML文書の構成を作ります。

出力される内容の例

<html lang="ja">
  ...
</html>

役割とメリット（定義リスト形式）

文書のルート要素
HTML全体を包み込むタグであり、構造の始点となります。
lang属性で言語指定
lang="ja" のように指定することで、検索エンジンや音声読み上げソフトに文書の言語を伝えられます。
アクセシビリティの向上
適切な言語属性や構造を持つことで、ユーザー補助技術（スクリーンリーダー等）に対応できます。
検索エンジン最適化（SEO）
Googleなどの検索エンジンは html タグの属性情報をもとにコンテンツを解析します。

注意点

  • <html> タグを省略してはいけません。HTML文書の正しい構造に必須です。
  • <html> タグ内に <head> と <body> の両方を必ず含める必要があります。
  • lang 属性の設定忘れはSEOやアクセシビリティに悪影響を与えます。

まとめ

<html> タグは、HTML文書の全体を囲むルート要素であり、lang 属性などを使って文書の基本情報を定義します。正しいHTML構文を守る上で欠かせないタグです。