本やリファレンスを過信するな。

 正規の書き方も駄目だけど、だからといって省略する書き方も一概に良いとは言えない…
何を言っているんだ、コイツと思われるかもしれません。ただHTML3.2ベースから(今時そんな人はいない)
入った人に言わせると、過信した目で今どえらい目に合っていますよと(苦笑)

 ようするに参考程度に捕らえた方がいいらしいです。実際私も最近その手の本は
2年以上買っていません。進化が早いから‥ねぇ。とりあえず基本のタグ辞典と
後は自分のお気に入りのテクニック&デザイン集なりを買えばいいんぢゃないでしょうか。
CSS覚えたいとかJavaScript,CGI,PHPとか色々覚えたい人は後で専門書を買う、
という方向で。ちなみに自分は手打ちの方なんで、一応ある程度のタグはどういう
効果が得られるのか、というのはわかっています。エディタ使ってる人はソフトの方で
ナビゲートしてくれるらしいけどね。雛形さえ作っておけば後はコピー&ペーストで
対応出来るから、こっちの方が今では何ら不自由しませんw
難点として、タグの閉じ忘れとかを誰も指摘してくれないので、HTMLチェッカーに
たまーにかけてあげないと、大変な事に。(経験済

 ただテーブルは駄目とかという人に重いから、というのは呆れてしまいますね。
音声ブラウザやテキストブラウザで見辛いからというのは理が適っていますが、
重いからってのは理由にならんでしょ。いや「入れ子」しまくりテーブルならともかく。
文法が正しいのを前提とした上で、2〜3つぐらいのテーブルで囲んであるぐらいなら
そんなに変わらないです。テーブルの中に画像でも入っていない限り
CSSだとデサインやメンテナンスが楽というのはわかりますが、結局ブラウザで
表示される速度に大差が出るかといえば、そんな事は無い訳で。IE,NNともに現在の
Verでは(画像が)徐々に表示されるように改善されていますし。

「CSSだ、テーブルだと言う前に、サイズが大きかったら無意味。」

という事ですよ。ブロードバンドだあれだと叫んでも未だにナローバンドの人も
数少ないがいるって事です。さすがに33.6kの人は携帯以外ではいないと思いますが。
‥‥ぇ、SSとかDCとかもあり?(ぉ ちなみにウチのサイトではそういう事も考えて
textベースのページは15KBまでに抑えるようにしていますよ。(サンネイル系は100K前後?)
textベースで8〜10KBぐらいで抑えると、DCとかで見た場合に3秒以内に表示
されるんですょ〜どうでもいい事なんだけどね。正確に計算すると違うんですが
大体現在出ている速度の1/10ぐらいで表示されると考えていいんぢゃないでしょうか
。 (例 33.6kモデムで接続している場合1秒間に3.3k表示される。)
正確には計算方法があるんで、そこらへんは検索サイトで調べて下さい。(放任)

 ちなみにナローバンドぢゃなくても容量が少ないって事は、それだけリソースが
減るって事です。転送量も減ってきます。単純に言うと無料だから、追加料金無し
だからといって、自己中な考えでいるのは専用鯖でも借りてから言えと。
共有サーバーって事は他にも借りている人がいて、誰かが暴走すると、巻き添えを
食らうんだぞと。写真ばかりupするのもいいんだが少しはサイズ縮小(リサイズ)
してからupして欲しい。こっちも帯域制限喰らうんだぞぉっ!
つまり、早く表示されるだけでなく、皆の資源を有効に使う事が出来ちゃう訳です。
簡単に言えばHDが1MB(1024KB)とした場合(そんなHDは存在しないのでFDとお考え下さい)
少なければ少ないほど、多くのファイルを注ぎ込む事が出来る訳です。

 結局、サイズに拘るのであればtxtファイルが最強なんですけどね‥
(* いゃ、フラッシュは最初にインストール作業が入るので除外の方向で…)
ってTOPページがテキストってのは無理なので、入力した文字をそのまま表示してくれる
PREタグと等幅フォントタグのTTでデザインすればこれ最強と。結構テキストベース
でもいけてるデザイン表示してくれます。タグの制約が煩いんだけど。
(PREタグ内にフォントタグ等を書き込む事が推奨されていない為)

 ちなみにテーブル内の設定は色々と省略出来るんです‥出来るんですけど、
色々なブラウザで同じように見せる為には省略するとまずい面もある訳で‥
(ここらへんについては前回のバグチェックシリーズでも少し触れました。)

TD内のセルを指定する場合、COLGROUP(col含む)を使えば一括で指定出来るのですが、
NN4には対応していない訳です。NN6では対応していますが。他にもbgcolorは
TRに指定してもNN3には反映されません。またTDのセル内でフォントタグ系を省略したり、
フォームのタグをわざと閉じないでデザインが崩れなくするという方法もよく
デザイン本で紹介されていますが、お奨めしません。(経験談)
というのもHTMLチェッカーで見た場合の鬱度が半端ぢゃないからです。(何
初めてHTMLチェッカー(HTML4.01)にかけた時、TOPページが-128点でかなりへこみました。
音声ブラウザを意識していないといっても、画像のALTタグとテーブルのサマリータグ
はきちんとつけておいた方がいいです。むしろ今まで<!-- -->で使っていた
コメント文をテーブルのサマリー部分に使えばいいと思います。
左側のテーブルとか自分はそんな表記の仕方をしているんですけどね。

 勿論CSSもブラウザによっては正常に認識しないものがあるので…とりあえずIEとNNで
効果が違うものは極力使わない方向で。つーかブラウザ事に認識違うのはやめて欲しい。
本当。素できちんと定義というか統一して欲しい。独自タグとか拡張タグもいいんだけど、
ちゃんと古いブラウザの事とかも考えて欲しいなぁ。代換手段は幾らでもある訳で。
とりあえず今は正しい文書書きに拘りつつ、容量を減らす為、テーブル内の文字や装飾
等は極力いじらないようにしてます。(どうしてもいじる場合はCSSで指定する)
全体的に30Kb以内に抑えるようにしたいです。(写真系ページ除く)

2003.11.17 インターネット編No.14
Back