ホームページ > 記事 > ウェブフロントエンド > html5 ドキュメント構造の基本コンポーネント
html5 ドキュメント構造の基本コンポーネント
- 下次还敢オリジナル
- 2024-04-22 11:00:26937ブラウズ
HTML5 ドキュメント構造の基本コンポーネント: Doctype: ドキュメント タイプを宣言し、HTML5 標準に従います。 Head: メタデータ (タイトル、文字セット、スタイル シート) が含まれます。 Body: ドキュメント コンテンツ (テキスト、画像、ビデオ) が含まれます。 セマンティック要素 (タイトル、注釈: ドキュメントに関する情報を提供しますが、Web ページには表示されません。 スクリプト要素: ドキュメントの機能を強化するための JavaScript コードが含まれています。
基本的な HTML5 ドキュメント構造HTML5 ドキュメント構造は、次の基本コンポーネントで構成されます。
1. Doctype
<code class="html"><!DOCTYPE html></code>は、ドキュメント タイプを宣言し、ドキュメントが HTML5 標準に準拠していることをブラウザに伝えます。
2. ヘッド
<code class="html"><head>
<title>文档标题</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="stylesheet.css">
</head></code>
には、タイトル、文字セット、外部スタイル シートなどのドキュメントに関するメタデータが含まれます。 3. 本文
<code class="html"><body>
<h1>欢迎来到我的网站</h1>
<p>这是我的网站的内容。</p>
</body></code>
には、テキスト、画像、ビデオなどのドキュメントの実際のコンテンツが含まれます。 4. セマンティック要素
HTML5 では、ドキュメントの内容を明確に記述するために多くのセマンティック要素が導入されています。
Title 要素 (h1-h6)- : さまざまな見出しレベルを表すために使用されます。
- 段落要素 (p) : テキストの段落を表すために使用されます。
- リスト要素 (ul、ol) : 順序なしリストまたは順序付きリストの作成に使用されます。
- テーブル要素 (テーブル) : テーブルを作成するために使用されます。
- フォーム要素 (input、form) : フォームの作成に使用されます。
- 5. 注釈
<code class="html"><!-- 这是注释 --></code>は Web ページには表示されず、ドキュメントに関する情報を提供するために使用されます。
6. スクリプト要素 (script)
<code class="html"><script src="script.js"></script></code>には、ドキュメントの機能を強化するために使用される JavaScript コードが含まれています。
以上がhtml5 ドキュメント構造の基本コンポーネントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：html5の特徴は何ですか次の記事：html5の特徴は何ですか