HTMLドキュメント構造の解説
メニューを表示するにはスワイプしてください
HTMLドキュメントは、いくつかの主要な要素で構成される一貫した構造を持つ。
<html> タグ
すべてのページのルート要素。すべてのコンテンツは、開く <html> タグと閉じる </html> タグの間に配置される。
<html>
<!-- Other elements go here -->
</html>
<head> タグ
ページに関する情報を含み、ユーザーには表示されない。タイトル、メタデータ、スタイルシートやスクリプトへのリンクなどが含まれる。
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
<head> 内の一般的な項目：
<title>：ブラウザのタブに表示されるテキスト；<meta charset="UTF-8">：テキストエンコーディングの設定；<meta name="description">：ページの簡単な説明；<meta name="viewport">：レスポンシブデザインに必要。
<body> タグ
ページ上に表示されるすべての要素（テキスト、画像、リンク、フォームなど）を格納
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
ドキュメント型宣言
ブラウザにHTML5標準でページをレンダリングするよう指示
<!DOCTYPE html>
全体構造の例
これまでに扱ったすべての要素をまとめて、1つのHTMLドキュメントとして組み合わせ
<!DOCTYPE html>
<html>
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
</html>
以下は、HTMLドキュメントがウェブブラウザでどのように表示されるかの例です。
1. HTMLドキュメントのルート要素となるタグはどれですか？
2. <head>タグには何が含まれますか？
3. <title> タグは何を定義しますか？
4. <body> タグの目的は何ですか？
すべて明確でしたか？
フィードバックありがとうございます！
セクション 2. 章 1
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 2. 章 1
