文書本文について
文書本文に記載するタグには、以下の分類があります。
- セクション分類タグ
- コンテンツ分類タグ
- テキスト分類タグ
- コンテンツ埋め込みタグ
- テーブルタグ
- フォームタグ
今回はセクション分類タグとコンテンツ分類タグを勉強しました。
ブロックレベル要素とインライン要素について
要素の多くは、ブロックレベル要素とインライン要素に分類されます。
- ブロックレベル要素
文書の骨組みとなる要素です（例えば見出しや段落など）。このタイプの要素は、body要素の直接の子要素として配置することができます。 - インライン要素
文章中の一部として扱われる要素です（例えばリンクや文字の強調など）。このタイプの要素は、通常はブロックレベル要素内で使用します。
ブロックレベル要素は何もしなくても、改行され、縦に表示される。
インライン要素は横に並んでしまうので、自分で改行のタグをいれないと改行されない。
セクション分類タグについて
- 見出し h1～h6
h1 はタイトルに使用するのでページに 1 つだけです。 - アーティクル article
単独コンテンツのブロックを定義します。 - セクション section
章のブロックを定義します。 - ヘッダー header
ページ上部のヘッダーブロックを定義します。セクション要素やアーティクル要素内のヘッダー情報としても使用可能です。 - フッター footer
ページ下部のフッターブロックを定義します。セクション要素やアーティクル要素内のフッター情報としても使用可能です。 - ナビ nav
グローバルナビゲーションのブロックを定義します。 - アサイド aside サイドバー
ページの内容と関連がないブロックや補足情報のブロックを定義します
bodyタグでサイトの構成で使用するタグ
コンテンツ分類タグについて
- 段落 パラグラフ ＜ｐ＞＜/ｐ＞
段落（パラグラフ）を指定します。 - 区切り ＜hr＞ 終了タグなし
テーマや話題の区切りを指定します。 - 順序のないリスト 箇条書き ＜ui＞
<li>リスト要素＜/li＞
<li>リスト要素＜/li＞
</ui>
ul/li 要素 順序性のないリスト要素を指定します。スタイルシートで変更可能。 - 順序のあるリスト 箇条書き ＜ol＞
<li>リスト要素＜/li＞
<li>リスト要素＜/li＞
＜ol＞
ol/li 要素 順序性のあるリスト要素を指定します。スタイルシートで変更可能。 - 定義・説明リスト ＜dl＞
<dt>説明する言葉＜/dt＞<dd>説明文＜/dd＞
<dt>説明する言葉＜/dt＞<dd>説明文＜/dd＞
＜/dl＞
dl/dt/dd 要素 説明文リストを指定します。スタイルシートで変更可能。 - ひとつのかたまりの範囲 div 要素
＜div＞__________ </div>
スタイルシートと関りが深くなる部分なので、大事！ - メインコンテンツ main 要素
＜main＞メインコンテンツ定義情報＜/main＞
メインコンテンツであることだと指定します。
bodyタグでコンテンツごとに使用するタグ
コメント