HTML タグのコンテンツの詳細については、model_html/css_WEB-ITnose をご覧ください。

ディレクトリ [1] メタデータ型 [2] ブロック型 [3] タイトル型 [4] ドキュメントフロー型 [5] ステートメント型 [6] 埋め込み型 [7] インタラクティブ型

前の単語

コア部分HTMLのタグです。タグは、ドキュメント内のコンテンツの基本単位を記述するために使用されます。異なるタグは、異なる意味を表します。タグ間の入れ子は、コンテンツの構造を表します。

HTML5におけるHTMLタグのコンテンツモデルは、メタデータ型、ブロック型、タイトル型、ドキュメントフロー型、ステートメント型、埋め込み型、インタラクティブ型の7つに拡張されました。ただし、これらの 7 つのカテゴリでも、すべての要素のすべての状況を完全にカバーしているわけではありません。要素は 1 つのカテゴリに属さず、複数のカテゴリに属し、混合と呼ばれる場合があります。

HTMLタグの詳細はこちらのw3cリンクを参照

分類

【1】メタデータ型(metadata)

表示、動作、関連ドキュメントやその他のコンテンツのメタデータを設定する要素

要素ドキュメントの要素データ (、、、、

詳細情報はここに移動します

【2】セクション化

ブロックの内容範囲を定義する要素、

、

、

、

の4つの要素

詳細情報はここに移動します

【3】見出し

から

まで、および

から

までを定義する要素h6>: ブロック内のタイトル ( ->

)

-

; ->

重要性とフォント サイズを小さくしました

[注] Microsoft の bing 検索エンジンでは、ページに複数の h1 要素を含めないようになっています

[デフォルトのスタイル]

margin: 0.67em 0 -> 0.83em 0 -> 1em 0 -> 1.33em 0 -> 1.67em 0 -> 2.33em 0;font-size: 2em -> 1.5em -> 1.17em -> 1em -> 0.83em -> 0.67em;font-weight: bold;

[注] ブロック内

は 1 つだけ表示できます

: タイトル グループ、ブロックに複数のレベルのタイトルが必要な場合にのみ使用します

<hgroup>    <h1>水果</h1>    <h2>苹果</h2></hgroup>

を使用します

【4】ドキュメント フロー

ドキュメント内のほとんどの要素 のうち、一部のメタデータ要素のみがフローに属しません。これらは と < title> です。

: テキスト ブロックを表します (

> 段落) 類似のテーマを持つ複数の文で構成される

[デフォルトのスタイル]

margin: 16px 0;

---

: 異なるトピックのコンテンツとして定義

の区切り文字

【デフォルトのスタイル】

margin: 8px 0;border-style: inset;border-width: 1px;

[注]ブロックを区切るのに

---

を使用する必要はありません

: 通常、コードブロックや文字の描画などの植字コンテンツを示す事前にフォーマットされたテキスト <p> </p> 【デフォルトのスタイル】<p> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="precsshui">margin: 1em 0;white-space: pre;

ログイン後にコピー

: 他のソースからの内容の引用を示し、cite 属性はソースの URL を示します

【デフォルトスタイル】

margin: 1em  40px;

[注意]参照の署名は参照の外側で定義する必要があります

<blockquote cite="http://baike.baidu.com/view/921793.htm">　　<p>横眉冷对千夫指,俯首甘为孺子牛</p></blockquote>    <p>鲁迅</p>

リストクラス要素の詳細情報はここに移動します

データに適しています テーブルで表示されるデータはテーブルでマークする必要があります。フォーム要素の詳細については、こちらをご覧ください

フォーム要素には、テキスト ボックス、ドロップダウン メニュー、チェック ボックス、およびフォーム内のユーザー入力を収集するために使用されるその他の要素が含まれます。ここに詳しい情報が移動します


[5] 文の種類（フレージング）


文書内のテキスト、段落内のテキストをマークする要素など

ハイパーリンクアンカーポイント

アンカーポイントの詳細 情報が移動しますここ

を除き、このタイプの要素の詳細情報はここに移動します

【6】埋め込み

HTML自体が提供する要素の表現力には限界があるため、埋め込みコンテンツを許可するには、ブラウザ開発者が別のリソースの要素をドキュメントに導入するか、ドキュメントに別の要素を挿入する必要があります。 。 言語。埋め込みコンテンツには、