<tr>タグ、<td>タグ

質問

テーブルでレイアウトを行い、htmlで背景色・cssで文字のスタイルを適用する場合、<tr>タグと<td>タグのどちらに記述するのがよいのでしょうか。IEだと大差は無いようなのですが、firefoxやNetscapeで違いが出てくるように感じます（特にfirefox）。

(1)cssで文字スタイルの場合、<table>タグに<table class="text">といった感じで問題ないでしょうか（table内の文字すべてclassがtextの場合）。それともやはり<td>タグひとつひとつにクラス指定した方が良いのでしょうか。

(2)テーブルに背景色を指定する場合、<tr>タグ・<td>タグのどちらに指定するのが良いのでしょうか。

回答No.1

randman · ベストアンサー

(1)TDタグひとつひとつにCLASS属性を設定してください。TABLEタグにCLASS属性を設定しても、子要素にあたるTDタグにまではCSSが適用されたりされなかったりする場合があります。また、TDタグひとつひとつを細かく修正することになった場合、TABLEタグに設定したCSSが意図しない影響を及ぼすかもしれません。

(2)TDタグに指定してください。

概して、TRタグにCLASS属性、あるいはその他の属性を設定することはありません。環境によってTRタグの解釈にバラつきがあるというだけではなく、単に標準的な記述ではないという理由によります。
すなわち、好まれません。

お礼

ありがとうございます。
面倒でも<td>タグの中にひとつひとつにクラス指定した方が確実ということですね。

回答No.2

koutarou504

＞(1)cssで文字スタイルの場合
CLASS 指定は TABLE タグで問題ないと思います。
ただ、CSS での指定では、
.text td{ ～ } /* (<table class="text">) */
の様に TD タグに対して指定する事をお勧めします。
単に
.text{ ～ } /* (<table class="text">) */
ですと、個々の指定が子孫の要素に継承されない可能性があるからです。
<td>タグひとつひとつにクラス指定の
.text{ ～ } /* (<td class="text">) */
これは手間がかかるので・・・。

＞(2)テーブルに背景色を指定する場合
テーブル自体に背景色を指定したいなら、TABLE タグに指定して下さい。
少なくとも TD に指定するとセルに対してのみに色がつきます。つまりセルとセルの間が開いている場合は・・・。
逆にセルに背景色を指定したいなら、TD タグに指定です。意味からしても・・・。
という事で、TR に指定する意味の場合がありませんので TR への指定はなしと。
（特定の行(TR)に背景色と考える時は、TR タグにCLASS を指定しますが、スタイルシートではそのクラスで修飾した TD で記述します。）