HTML要素辞書 by Sentaro

<html>

HTMLドキュメントのルート（root）要素。全てのHTML要素を内包し、文書全体の構造を定義します。

info

概要

<html> 要素は、**HTMLドキュメントの最上位の要素（ルート要素）** です。すべての他の要素（<head>、<body>など）はこの要素の子孫として配置されます。
<!DOCTYPE html> 宣言の直後に記述され、ドキュメントがHTMLであることをブラウザに伝えます。

play_circle

HTML (Source)

<!DOCTYPE html> <html lang="ja"> <head> <title>ページのタイトル</title> </head> <body> <p>これはページコンテンツです。</p> </body> </html>

Preview (Result)

これはページコンテンツです。

(タイトルやメタ情報はプレビューに表示されません)

list

属性名	説明
lang	ドキュメント全体の主要な言語を指定します。アクセシビリティ、検索エンジン、およびブラウザの翻訳機能にとって非常に重要です。例: `ja` (日本語), `en` (英語)。
xmlns	XML名前空間を指定します。XHTML互換のため（HTML5では必須ではない）に使用されます。例: `http://www.w3.org/1999/xhtml`。
manifest	アプリケーションキャッシュのマニフェストファイルのURLを指定します。Webアプリケーションがオフラインで動作するために使用されましたが、現在は非推奨であり、Service Workerに置き換えられつつあります。

code

1. 日本語のドキュメントの基本構造

<!DOCTYPE html>
<html lang="ja">
 <head>
  <meta charset="UTF-8">
  <title>日本語のページ</title>
 </head>
 <body>
  ...
 </body>
</html>

2. 英語のドキュメントの構造

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>English Page Title</title>
 </head>
 <body>
  ...
 </body>
</html>

3. ページ内に異なる言語のコンテンツがある場合

<!-- ルートは日本語 -->
<html lang="ja">
 <body>
  <p>こんにちは、世界！</p>
  <!-- 一部が英語の場合、その要素にlang属性を指定 -->
  <p lang="en">Hello, World!</p>
 </body>
</html>

lightbulb

accessibility_new

言語の指定 (lang属性)
<html> 要素の lang 属性は、スクリーンリーダーやその他の支援技術にとって非常に重要です。この指定がないと、コンテンツを正しく発音・解釈できず、ユーザー体験が大きく損なわれます。必ずページコンテンツの主要言語を指定してください。

bug_report

<!DOCTYPE html> との関係
<!DOCTYPE html> は要素ではありませんが、<html> 要素の直前に必ず記述する必要があります。これはブラウザにHTML5の標準モードでページをレンダリングするように指示する、必須の宣言です。