TABLE タグと テキストのみ対応のブラウザ


TABLE タグに対応しているブラウザなら、TABLE タグを使った以下の部分、

壱番弐番参番四番伍番
2 4
abcde

と、縦に壱番-1-A-a、弐番-2-B-b、・・・が並んで表示されるでしょうが、 対応していない場合は、それが表だとは思えないのような表示になると思います。 こういうときは、どうするか、、、私なりの結論は、、、、

一番簡単な方法は、PRE タグをつかって、それらしくする方法。こんな感じになります。

壱番 弐番 参番 四番 伍番
1   2    3   4    5
A   B   C   D   E
a    b    c    d    e
ただ、 PRE タグを使っても、表示の際に、必ずしも固定幅のフォントが使われるとは 限りません(例えば1バイト空白は多少幅が狭いこともある)ので、 多少の凸凹はあると思います。

で、もう一つの方法。

こちらは、もっと表らしくないのですが、今、仮に、

だとしますと、
  • 壱番 には、DD タグを(別にDT タグでもよい)
  • 1,A,a には DD タグを 使って、必要なものを一つのセルにまとめて、

    壱番
    a
    弐番
    2
    b
    参番
    c
    四番
    4
    d
    伍番
    e

    と、ある程度、関係あるデーターをまとめて、というか画面上では近くに表示 させることは、それなりにできます。

    あまり、奇麗じゃないですが、TABLE タグが無視されるので、それなりに、 みえませんかね、、、
    #無理か、、、(^ ^;


    miuraj@isc.meiji.ac.jp