ホームページ > 記事 > ウェブフロントエンド > HTML タグのコンテンツの詳細については、model_html/css_WEB-ITnose をご覧ください。
ディレクトリ [1] メタデータ型 [2] ブロック型 [3] タイトル型 [4] ドキュメントフロー型 [5] ステートメント型 [6] 埋め込み型 [7] インタラクティブ型
コア部分HTMLのタグです。タグは、ドキュメント内のコンテンツの基本単位を記述するために使用されます。異なるタグは、異なる意味を表します。タグ間の入れ子は、コンテンツの構造を表します。
HTML5におけるHTMLタグのコンテンツモデルは、メタデータ型、ブロック型、タイトル型、ドキュメントフロー型、ステートメント型、埋め込み型、インタラクティブ型の7つに拡張されました。ただし、これらの 7 つのカテゴリでも、すべての要素のすべての状況を完全にカバーしているわけではありません。要素は 1 つのカテゴリに属さず、複数のカテゴリに属し、混合と呼ばれる場合があります。
HTMLタグの詳細はこちらのw3cリンクを参照
表示、動作、関連ドキュメントやその他のコンテンツのメタデータを設定する要素
93f0f5c25f18dab9d176bd4f6de5d30e要素ドキュメントの要素データ (
詳細情報はここに移動します
ブロックの内容範囲を定義する要素、23c3de37f2f9ebcb477c4a90aac6fffd、15221ee8cba27fc1d7a26c47a001eb9b、c787b9a589a3ece771e842a6176cf8e9、2f8332c8dcfd5c7dec030a070bf652c3の4つの要素
詳細情報はここに移動します
) 4a249f0d628e2318394fd9b75b4636b1 -3f7b3decd2dcafb07b84d2d3985d9f40 ; -> 4e9ee319e0fa4abc21ff286eeb145ecc 重要性とフォント サイズを小さくしました
[注] 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;
[注] ブロック内4a249f0d628e2318394fd9b75b4636b1 は 1 つだけ表示できます
d8eccd9ed644b68a6460a2bb84548c82: タイトル グループ、ブロックに複数のレベルのタイトルが必要な場合にのみ使用します
<hgroup> <h1>水果</h1> <h2>苹果</h2></hgroup>を使用します
【4】ドキュメント フロー
ドキュメント内のほとんどの要素 6c04bd5ca3fcae76e30b72ad730ca86d のうち、一部のメタデータ要素のみがフローに属しません。これらは dde6fb694e6711ae5e6f381704c04ae4 と 1fd589692e180fb978cda37041cfc5e2 です。 e388a4556c0f65e1904146cc1a846bee: テキスト ブロックを表します (e388a4556c0f65e1904146cc1a846bee > 段落) 類似のテーマを持つ複数の文で構成される
margin: 16px 0;
f32b48428a809b51f04d3228cdf461fa: 異なるトピックのコンテンツとして定義
の区切り文字
【デフォルトのスタイル】
margin: 8px 0;border-style: inset;border-width: 1px;
[注]ブロックを区切るのに f32b48428a809b51f04d3228cdf461fa を使用する必要はありません
e03b848252eb9375d56be284e690e873: 通常、コードブロックや文字の描画などの植字コンテンツを示す事前にフォーマットされたテキスト
【デフォルトのスタイル】
margin: 1em 0;white-space: pre;
b8a712a75cab9a5aded02f74998372b4: 他のソースからの内容の引用を示し、cite 属性はソースの URL を示します
【デフォルトスタイル】
margin: 1em 40px;
[注意]参照の署名は参照の外側で定義する必要があります
<blockquote cite="http://baike.baidu.com/view/921793.htm"> <p>横眉冷对千夫指,俯首甘为孺子牛</p></blockquote> <p>鲁迅</p>
c34106e0b4e09414b63b2ea253ff83d6ff6d136ddc5fdfeffaf53ff6ee95f1855c69336ffbc20d23018e48b396cdd57a
リストクラス要素の詳細情報はここに移動します
f5d188ed2c074f8b944552db028f98a1
データに適しています テーブルで表示されるデータはテーブルでマークする必要があります。フォーム要素の詳細については、こちらをご覧ください
ff9c23ada1bcecdd1a0fb5d5a0f18437
フォーム要素には、テキスト ボックス、ドロップダウン メニュー、チェック ボックス、およびフォーム内のユーザー入力を収集するために使用されるその他の要素が含まれます。ここに詳しい情報が移動します
[5] 文の種類(フレージング)
アンカーポイントの詳細 情報が移動しますここ
dbfc78d1d11a8f9c6cdad8892493efff、d5ba1642137c3f32f4f4493ae923989c、273238ce9338fbb04bee6997e5552b95の3つの要素の幅と高さが設定されていない場合、デフォルトの幅と高さは300px*150pxです
a1f02c36ba31691bcfe87b2722de723b (a1f02c36ba31691bcfe87b2722de723b -> image (画像)
イメージタグの詳細情報がここに移動します
d5ba1642137c3f32f4f4493ae923989c
フレームタグの詳細情報がここに移動します
8ccc1615e2a9e7b27e059ed5768e1792 について 詳細な情報はここに移動します
オーディオとビデオ
オーディオとビデオのタグに関する詳細な情報はここに移動します
【7】インタラクティブ