ディレクトリ [1] メタデータ型 [2] ブロック型 [3] タイトル型 [4] ドキュメントフロー型 [5] ステートメント型 [6] 埋め込み型 [7] インタラクティブ型
コア部分HTMLのタグです。タグは、ドキュメント内のコンテンツの基本単位を記述するために使用されます。異なるタグは、異なる意味を表します。タグ間の入れ子は、コンテンツの構造を表します。
HTML5におけるHTMLタグのコンテンツモデルは、メタデータ型、ブロック型、タイトル型、ドキュメントフロー型、ステートメント型、埋め込み型、インタラクティブ型の7つに拡張されました。ただし、これらの 7 つのカテゴリでも、すべての要素のすべての状況を完全にカバーしているわけではありません。要素は 1 つのカテゴリに属さず、複数のカテゴリに属し、混合と呼ばれる場合があります。
HTMLタグの詳細はこちらのw3cリンクを参照
表示、動作、関連ドキュメントやその他のコンテンツのメタデータを設定する要素
要素ドキュメントの要素データ (
詳細情報はここに移動します
ブロックの内容範囲を定義する要素、
詳細情報はここに移動します
)
[注] 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;
[注] ブロック内
: タイトル グループ、ブロックに複数のレベルのタイトルが必要な場合にのみ使用します
<hgroup> <h1>水果</h1> <h2>苹果</h2></hgroup>
【4】ドキュメント フロー
ドキュメント内のほとんどの要素 のうち、一部のメタデータ要素のみがフローに属しません。これらは
: テキスト ブロックを表します (
> 段落) 類似のテーマを持つ複数の文で構成される
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>ログイン後にコピー
リストクラス要素の詳細情報はここに移動します
データに適しています テーブルで表示されるデータはテーブルでマークする必要があります。フォーム要素の詳細については、こちらをご覧ください
