|
| いまさらHTML,CSS講座トップ > ホームページ作成の知識 > ブロックレベル要素 |
|
|
|
 ブロックレベル要素とは
|
|
| ブロックレベル要素とは、見出し、段落、リストなど、『文章を構造化』する意味合いを持つ要素です。 |
視覚ブラウザでは、左右の指定をしない限り、表示域の左右いっぱいの範囲で表示され、
また、前後に改行を置いて表示されます。 |
|
| ■ブロックレベル要素のみを内側に記述できる要素 |
|
| blockquote要素 |
| 上下に １行分の余白、左右に全角3文字分の余白が入るインデント表示になります。 |
| form要素 |
| 各入力フォーム（メニュー、テキストフィールド、ボタン等）をまとめる要素です。 |
| noframes要素 |
| フレーム非対応のブラウザに表示させる代替内容を指定し、記述はframeset要素内。フレームに対応した環境では、noframes要素内の記述は無視されます。 |
| noscript要素 |
| スクリプトに未対応のブラウザや、スクリプトがオフになっているなど、スクリプトが実行不可能なブラウザに表示させる代替内容を指定します。 |
|
| ■ブロックレベル要素、インライン要素、テキスト、画像を内側に記述できる要素 |
|
| div要素 |
| div要素は、p要素が『段落』を定義する要素に対して、『ひとつのまとまり』を定義します。 |
| center要素 (非推奨) |
| 要素内の内容を中央揃え（センタリング）にします。 |
| fieldset要素 |
| フォームのコントロール要素等入力項目をグループ化します。 |
|
|
| ■インライン要素、テキスト、画像を内側に記述できる要素 |
|
| address要素 |
| 文書の著者やホームページの運営者、フォームの発信者のE-Mailアドレスなどの連絡先を記述します。 |
| h1, h2, h3, h4, h5, h6要素 |
| 文字で何かを伝える時に、その内容が大まかに分るように『 見出し 』をつけます。ホームページを作成する場合もそれと同じく『 見出し 』要素があります。 |
| また、HTMLでは1から6まで6段階の見出し（Heading）要素があり、レベル1がもっとも重要な見出しとなります。 |
pre要素
この要素内のテキストが 整形済み であることを示します。 |
|
| ■li要素のみ内側に記述できる要素 |
|
| dir要素 (非推奨) |
| リストを定義しますが、dir要素は古い HTML との互換のために残されているものです。代替要素はur要素。 |
| menu要素 (非推奨) |
| 単一の段から成るメニューリストを定義します。マーカー（行頭記号）付きません。menu要素は古い HTML との互換のために残されているものです。代替要素はur要素。 |
| ul要素 |
順不同のリストを定義します。
特に項目の順番が重要でない場合に使用します。 |
| ol要素 |
| 番号付きリストを定義します。項目の順番が重要な場合に使用します。 |
|
| ■dt要素、dd要素のみ内側に記述できる要素 |
|
| dl要素 |
| 定義リスト（説明付きリスト）を作成します。主に、dt要素に単語、dd要素に単語の説明を記述します。 |
|
| ■caption, col, colgroup, thead, tfoot, tbody, tr 要素のみ内側に記述できる要素 |
|
| table要素 |
テーブル(表)を定義します。tr要素は行、
td要素はセルを定義します。表題が必要な場合はcaption要素を使用します。 |
| また、表の行は、thead、tbody、tfoot要素を用いて、構造的にグループ化することもできます。 |
| ※thead要素とtfoot要素は、ひとつの表に１回しか使用できません。tbody要素は何度でも使用できます。 |
|
|
|
|
|
|
｜