Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ HTMLドキュメント構造の理解 | HTMLドキュメント構造
/
究極のHTML

bookHTMLドキュメント構造の理解

メニューを表示するにはスワイプしてください

HTMLドキュメントは、入れ子になったタグのツリー構造で構成されています。以下のタグは、すべてのHTMLページに必要な最小限の構造を表します。

index.html

index.html

copy

ドキュメントタイプ宣言

<!DOCTYPE html> はタグではありません。 これは必須の宣言であり、ブラウザに次のことを伝えます:

  • このドキュメントはHTML5を使用していること;
  • ページの解釈とレンダリング方法。

すべてのHTMLドキュメントの最初の行に記述する必要があります。

index.html

index.html

copy

最上位要素

最上位要素は、ウェブページ全体の構造を定義。

html

<html> 要素はドキュメントのルート。ブラウザに読み込ませたいすべての内容はこのタグ内に記述。lang 属性はドキュメントの言語を指定。

index.html

index.html

copy

head

<head> セクションはメタデータ、つまりドキュメントに関する情報を含む。

含まれる内容の例:ページタイトル、文字エンコーディング、スタイルシート、スクリプト、SEOメタデータ。

この内容はページ自体には表示されない。

index.html

index.html

copy

body

<body> には、ユーザーが見ることができるすべての要素が含まれる:テキスト、画像、リンク、ボタン、フォーム、マルチメディア。

index.html

index.html

copy

1. すべてのHTMLドキュメントの基礎となる、最小限必要なタグセットは何ですか?

2. 正しい記述はどれですか?

question mark

すべてのHTMLドキュメントの基礎となる、最小限必要なタグセットは何ですか?

正しい答えを選んでください

question mark

正しい記述はどれですか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 3.  2

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 3.  2
some-alt