html5 ドキュメント構造の基本コンポーネント-htmlチュートリアル-php.cn

html5 ドキュメント構造の基本コンポーネント

下次还敢

リリース： 2024-04-22 11:00:26

オリジナル

1035 人が閲覧しました

HTML5 ドキュメント構造の基本コンポーネント: Doctype: ドキュメントタイプを宣言し、HTML5 標準に従います。 Head: メタデータ (タイトル、文字セット、スタイルシート) が含まれます。 Body: ドキュメントコンテンツ (テキスト、画像、ビデオ) が含まれます。セマンティック要素 (タイトル、注釈: ドキュメントに関する情報を提供しますが、Web ページには表示されません。スクリプト要素: ドキュメントの機能を強化するための JavaScript コードが含まれています。

html5 ドキュメント構造の基本コンポーネント

基本的な 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)

<code class="html"><!-- 这是注释 --></code>

ログイン後にコピー

は Web ページには表示されず、ドキュメントに関する情報を提供するために使用されます。

6. スクリプト要素 (script)

<code class="html"><script src="script.js"></script></code>

ログイン後にコピー

には、ドキュメントの機能を強化するために使用される JavaScript コードが含まれています。

以上がhtml5 ドキュメント構造の基本コンポーネントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。