省略可能なタグについて
[上に]
[前に]
[次に]
mimi
2000/03/03(金) 23:11:57
はじめまして。mimiです。最近疑問に思ったのですが、私のサイトは
テーブルをたくさん使っています。作成した時は</TD>や</TR>など
の終了タグをすべて書いていました。とほほさんのリファレンスには
省略可能と書いてありますが、これを消す事によりテーブルの表示が
遅くなったりしませんか?大丈夫なら消そうと思っています。
あと、テーブルをなるべく速く表示するために必要な事など
ありましたらおしえてください。
よろしくお願いします。
andi
2000/03/04(土) 00:53:43
Netscapeなんかでは見られない可能性も有ります。
明確な例としては</table>を省略してIEとNSで比較してみて下さい。
EMI
2000/03/04(土) 01:48:48
>andiさん
省略不可能なタグと比較してどうするんですか‥‥‥
ただ、</TD>や</TR>を省略することによってNetscapeでテーブルの表示がおかしくなることは実際あるようです。
あまり、省略しない方がいいかもしれません。
#でも、テーブルって元々Netscapeの独自拡張なのに‥‥‥
あと、テーブルをなるべく早く表示する方法ですが、今のところIE5.0以上専用ですが、CSSで
table { table-layout: fixed; }
と、テーブル要素のtable-layout属性にfixedをセットしてcol要素かcolgroup要素にwidth属性を設定すれば、テーブルが逐次表示されるようになるので体感速度が上がります。
#ちょっと難しいかな。
びぎな++
2000/03/04(土) 02:05:48
>テーブルをなるべく早く表示する方法ですが、今のところIE5.0以上専用ですが
HTML3.2でDOCTYPE宣言したサイトでも,col,widthの設定は体感速度を上げてくれるそうです。
ふじ
2000/03/04(土) 02:14:42
> col,widthの設定は体感速度を上げてくれるそうです
width を設定する場合、矛盾が起きないようにご注意を。
<TD>の幅の合計が <TR>の指定幅よりも大きかったりすると、
NNでは描画に非常に時間がかかることがあるようです。
#あと、画像には全て width , height 属性を指定する。<基本ですね。
EMI
2000/03/04(土) 02:16:47
>HTML3.2でDOCTYPE宣言したサイトでも,col,widthの設定は体感速度を上げてくれるそうです。
COL要素は、HTML4.0/4.01じゃないと使えませんよ。
#XHTMLはよく知らない。
びぎな++
2000/03/04(土) 02:39:59
>COL要素は、HTML4.0/4.01じゃないと使えませんよ。
あ,知ったかぶってました。すいません。m(_ _)m
mimi
2000/03/04(土) 05:11:26
[[解決]]
みなさんいろいろありがとうございます。
とりあえず</TR>と</TD>は今のままにしておきます。
EMIさんの方法も試してみようと思います。
もし、他にも情報がありましたら教えてください。
よろしくお願いします
andi
2000/03/04(土) 11:07:05
>EMIさん
</table>タグを挙げたのはブラウザ毎の表示の違いを
明確に分かっていただこうと思っただけです。
言いたかったことは
>ただ、</TD>や</TR>を省略することによってNetscapeでテーブルの表>示がおかしくなることは実際あるようです。
ってことです。
よろしく。
うさぎ
2000/03/04(土) 14:20:46
解決してるけど、ひとこと・・。私もmimiさんと同じ疑問を持ったので。
私はAdobe GoLiveを使っているのですが、
たくさんの余分かと思われるようなテーブルタグを
使うことによって、ページのレイアウトを作り出すのがこのソフトの特徴らしいです。
わたしも最初すごく気になって「これいらないんじゃないの?」
と思える</TR><TD/>を消していったら、すごく表示がくずれて
しまって、けっきょく元に戻してしまいました。
もっと上達したらわかってくるのかもしれないけど・・・
以前このことについて質問してたくさんお答えいただいて
助かったのですが、[解決]マーク入れそびれてしまいました。
すみませんでしたm(__)m>おおる
tetti
2000/03/05(日) 08:04:49
mimi さん
>もし、他にも情報がありましたら教えてください。
http://www.hotwired.co.jp/webmonkey/2000/07/index4a.html
テーブルの描画速度を高める方法を解説されてます。
とても参考になると思います。
[上に]
[前に]
[次に]