Go to information

body要素

  1. body要素
  2. alink属性
  3. background属性
  4. bgcolor属性
  5. bgproperties属性
  6. bottommargin属性
  7. leftmargin属性
  8. link属性
  9. marginheight属性
  10. marginwidth属性
  11. rightmargin属性
  12. text属性
  13. topmargin属性
  14. vlink属性
  15. その他の属性

body要素

body要素(document body)は文書の本体を表します。最大の親要素(ルート要素)である html要素の第一の子要素であり、文書の基本情報を定義する head要素とは兄弟要素にあたり、head要素の次に並んで登場します。見出しや段落、リストや表など文書そのものを構成する内容はすべて body要素に包含され、UAbody要素の内容を本体として表示します。音声出力・点字出力の非視覚環境においても、body要素の内容から表現(読み上げ)し始めることが期待されます。

body要素には当該ページ全体の背景色・背景画像・文字色・各リンクアンカーの色を指定できる属性がありますが、これら見栄えに関する属性は全て推奨されない属性に指定されており、CSS による代替指定が推奨されています。また、HTML4.01 strict, XHTML1.0 strict, XHTML1.1 ではテキストやインライン要素を body要素の直下に置くことができません。必ず直接の子要素には、p要素や div要素などのブロック要素を内容にしなければなりません。

バージョン
要素型
html要素の第一の子要素
開始タグ
終了タグ
非推奨
-
内包可能
バージョン
指定要素
body
必須
-
非推奨
属性値

ページ内のリンク先が選択中(マウスでクリックした時など)の場合のアンカーの色を16進数RGB値、またはカラーネームで指定します。CSS の :active疑似クラスで代替することが推奨されています。

background属性

バージョン
指定要素
body
必須
-
非推奨
属性値
URI

背景画像を指定します。画像は表示域に合わせて縦横に繰り返しページ全体に敷き詰められて表示されます。背景画像を指定する場合の注意点は、text属性を参照してください。値には画像の所在を URI で指定します。bgproperties属性と組み合わせることで背景を固定して表示することが可能です。CSS の background-imageプロパティで代替することが推奨されています。

background属性といっしょに背景色を指定する bgcolor属性も指定した場合、先に bgcolor属性の RGB値、またはカラーネームで指定された背景色を表示した後に、その上から背景画像が表示される形になります。なお、何らかのトラブルで画像が表示できない場合や、画像表示に対応していない・画像を表示しない設定にしている環境のために背景色が文字色と似通った色で文字が読みづらくなることのないように背景色と文字色のコントラストができるだけ高くなるように背景画像を指定する場合は bgcolor属性と text属性もあわせて指定しておくようにしましょう。

bgcolor属性

バージョン
指定要素
body
必須
-
非推奨
属性値

ページ全体の背景色を16進数RGB値、またはカラーネームで指定します。背景色を指定する場合の注意点は、text属性を参照してください。CSS の background-colorプロパティで代替することが推奨されています。

bgproperties属性

バージョン
Internet Explorer の独自機能
指定要素
body
必須
-
非推奨
-
属性値

Internet Explorer が独自に採用した機能で、背景画像の表示を固定させるか否かを指定する属性です。background属性と組み合わせて使います。Windows版Internet Explorer 6, Windows版Internet Explorer 7, Opera, Safari, Macintosh版Internet Explorer 5 が対応しています。縦長のページでスクロールするとページの内容と一緒に背景画像も移動してしまい、文字が読みづらくなることがあります。そこで背景画像を設定している場合に背景画像を固定表示することによって、縦長のページでスクロールしても見やすくさせる効果があります。

値には、背景を固定表示する場合の "1"、またはキーワードの "fixed"、背景を固定しない場合には "0" を指定します。仕様には定義されていない独自機能のため bgproperties属性を使用するのではなく、CSS の background-attachmentプロパティで代替することを推奨します。

bottommargin属性

バージョン
Internet Explorer の独自機能
指定要素
body
必須
-
非推奨
-
属性値
整数(pixels)

Internet Explorer が独自に採用した機能です。ページ下部に設ける余白を整数(ピクセル数で解釈)で指定をします。余白の調節は CSS の marginプロパティで代替することを推奨します。

leftmargin属性

バージョン
Internet Explorer の独自機能
指定要素
body
必須
-
非推奨
-
属性値
整数(pixels)

Internet Explorer が独自に採用した機能です。ページ左部に設ける余白を整数(ピクセル数で解釈)で指定をします。余白の調節は CSS の marginプロパティで代替することを推奨します。

バージョン
指定要素
body
必須
-
非推奨
属性値

ページ内のリンク先が未訪問の場合のアンカーの色を16進数RGB値、またはカラーネームで指定します。CSS の :link疑似クラスで代替することが推奨されています。

marginheight属性

バージョン
Netscape Navigator の独自機能
指定要素
body
必須
-
非推奨
-
属性値
整数(pixels)

Netscape Navigator が独自に採用した機能です。ページの上下に設ける余白を整数(ピクセル数で解釈)で指定をします。余白の調節は CSS の marginプロパティで代替することを推奨します。

marginwidth属性

バージョン
Netscape Navigator の独自機能
指定要素
body
必須
-
非推奨
-
属性値
整数(pixels)

Netscape Navigator が独自に採用した機能です。ページの左右に設ける余白を整数(ピクセル数で解釈)で指定をします。余白の調節は CSS の marginプロパティで代替することを推奨します。

rightmargin属性

バージョン
Internet Explorer の独自機能
指定要素
body
必須
-
非推奨
-
属性値
整数(pixels)

Internet Explorer が独自に採用した機能です。ページ右部に設ける余白を整数(ピクセル数で解釈)で指定をします。余白の調節は CSS の marginプロパティで代替することを推奨します。

text属性

バージョン
指定要素
body
必須
-
非推奨
属性値

ページ全体の文字色を指定します。背景色や背景画像を指定した場合は、必ず文字色もあわせて指定するようにします。なぜならウェブページ側の背景色を白色や白っぽい画像に指定していたとしても、ユーザーの環境(UA の環境設定)が必ずしも文字色を黒色にしているとは限らないからです。また、背景色は文字色と似通った色を指定していると文字が読みづらくなるため、背景色と文字色のコントラストはできるだけ高い組み合わせになるように注意してください。ページ全体の文字色の指定は、body要素をセレクタとした CSS の colorプロパティで代替することが推奨されています。

topmargin属性

バージョン
Internet Explorer の独自機能
指定要素
body
必須
-
非推奨
-
属性値
整数(pixels)

Internet Explorer が独自に採用した機能です。ページ上部に設ける余白を整数(ピクセル数で解釈)で指定をします。余白の調節は CSS の marginプロパティで代替することを推奨します。

バージョン
指定要素
body
必須
-
非推奨
属性値

ページ内のリンク先が訪問済みの場合のアンカーの色を16進数RGB値、またはカラーネームで指定します。CSS の :visited疑似クラスで代替することが推奨されています。

その他の属性

共通属性
イベント属性
現在位置
  1. W3G
  2. XHTML
  3. HTML辞典
  4. body要素
ナビゲーション
ステータス情報
作者
上田 遼
公開
2005-09-19T17:04:54+09:00
更新
2008-12-29T04:27:08+09:00
URI
http://w3g.jp/xhtml/dic/body
検索

実績:大阪学院 入試サイト New! / 三田市民病院 / 神戸女学院大学 入試サイト / 釣りサンデー