「陽だまり」ホームページ > パソコンお助け情報INDEX > Webページ作成 INDEX

表(table要素)の前に空白行ができる

パソコンお助け情報

Webページ作成

困った顔アイコン 作ったわけでないが表(table要素)の前に空白行ができる。

解決した顔アイコン HTMLファイルを作る時、全角のスペースは全角の1文字として扱われます。

body要素の中の何らかの要素の外に全角スペースを入れるのは、body要素直下にテキスト(文字)を置くことになり、HTML4.01 strict, XHTML1.0 strict, XHTML1.1 ではできないことになっています。。

表(table要素)の中にはtable要素関連の要素(caption col colgroup thead tfoot tbody tr)しか包含できませんので、それらの要素の外にスペースやテキスト(文字)を入れると、ブラウザはtable要素の前に表示します。

「空白行」になるのは、複数個所に入れた場合タグで分断されますので、別々のテキストと判断されますから「行」になるのだと思います。

スペースをレイアウトのために使うのは、注意しなければなりません。

なお、テキストを包含できる要素の中で、全角のスペースは入れた数だけスペースが入りますが、半角スペースは何個入れても1個分しか表示されません。


「陽だまり」ホームページ > パソコンお助け情報INDEX > Webページ作成 INDEX

(2009-1-22 UP) 作成&連絡先 NET・陽だまり