html4.01で使われないことが推奨されているタグ

タグの参考書にHTML4.01に使われないことが推奨されているタグがあり、そのタグはスタイルシートに替えて使用することが書かれていました。

主要なもので、タグではfontタグが、属性ではcoloerの指定、div、p、table、tr、td、h1～h6、imageのalignの指定、imageの borderの指定、trとtdのwidthとheightなどがありましたが、リニューアルされたばかりのページなどを見ても、完全にそれを守っているページはありませんでした。fontタグは使われていなかったのですが、それ以外のタグはそのまま使ってhtml4.01Transtisionとするのは一般的なのでしょうか。推奨を守ってhtml4.01 strictとして制作しているwebデザイン会社などはどのくらいあるのでしょうか。

fontタグはできるとしても、alignやborderなどを使用しないで作成すると、すべてのtdやtrなどにclass指定で指定する方法でしょうか？

No.5 ベストアンサー 回答者： koutarou504 回答日時： 2004/11/11 03:09

＃１＞修飾を使えば

「文脈的セレクタ」と言うらしく、
DIV IMG{
border-style:none;
}
と記述すると、
<DIV>
<IMG ～ NAME="img01a"> <IMG ～ NAME="img01b">
</DIV>
<IMG ～ NAME="img02a">
に於いて、img01a, img01b には指定が有効で
img02a は指定外となります。

で、これが
DIV IMG{
border-style:none;
}
.cl01 IMG{
border-style:solid;
}
と記述すると、
<DIV CLASS="cl01">
<IMG ～ NAME="img01a"> <IMG ～ NAME="img01b">
</DIV>
<DIV>
<IMG ～ NAME="img02a">
</DIV>
に於いて、img01a, img01b にはsolid指定が有効で
img02a はnone指定が有効となります。
（詳細は、参考ＵＲＬか、再度のご質問を。
説明は少々細かいので・・・）



＞html4.01strictで書くことに賛成ですか？

それ自体には賛成しまますが・・・。
スタイルシートが無効だったり、
各ブラウザの対応状況を配慮すると、少々・・・。
まだスタイルシートに対するブラウザのバグが・・・。

という事で、それぞれの環境を配慮して作るという前提で
html4.01strictで書く事はお勧めします。


参考：

とほほのＷＷＷ入門
とほほのスタイルシート入門
http://tohoho.wakusei.ne.jp/css/index.htm

どら猫本舗のリファレンスカウンター
カスケーディングスタイルシート第1水準
http://www.doraneko.org/webauth/css1/19961217/Ov …

参考URL：http://www.doraneko.org/webauth/css1/19961217/Ov …

この回答へのお礼

スタイルシートも細分化なんですね。
これだったら手間がかからなそうです。

一括でしかも細かく指定できそうです。
ありがとうございました。

お礼日時：2004/11/12 00:22

No.4 回答者： equation 回答日時： 2004/11/11 01:26

> ところでhtml4.01strictで書くことに賛成ですか？

外部スタイルシートをメインにすると断然ソースが見やすくなります（更新がしやすい、データ量少なくてすむ）し、しっかり指定すれば（※）大抵のブラウザで同様の表示が出来ますし、特にアクセシビリティという観点からはstrictはとても理想的です。

※
タグごとにクラスを指定する以外に
ul li a
#MAIN h3
.caution ul
などなど指定の仕方はいろいろありますので。

この回答への補足

ul li a
#MAIN h3
.caution ul

とありますが、はじめて見るタグです。
よければおしえていただけますか。

タグ辞典にでてませんでした。

補足日時：2004/11/12 00:08

この回答へのお礼

上の方の説明と参考URLでわかりました。
ありがとうございました。

お礼日時：2004/11/12 00:18

No.3 回答者： noname#10667 回答日時： 2004/11/11 00:38

参考書は、A5判のホームページ辞典（翔泳社）

を使っています。
HTML,スタイルシート,javascriptを扱っています（
この手の本は、本屋にたくさんあります）。
ちなみに、HTML4.01Strictを意識して、書くのには
賛成しませんが（面倒なだけ）、スタイルシートを
使うのには、賛成です（きれいなサイトが出来ます）。

この回答へのお礼

ホームページ辞典を見てみます。きれいなサイトを作ってみます。ありがとうございます。

お礼日時：2004/11/12 00:03

No.2 回答者： noname#10667 回答日時： 2004/11/10 22:34

tdなどは、スタイルシート内に一括して、

td{
text-align:center
}
と記載できます。(個々のtdに指定する必要はありません。）
body{text-align:center} div{text-align:center}
も可能なので、必ずしも、クラスを使わなくて、
平気だと思います。

この回答へのお礼

なるほど。そうですね。
ところでこういった指定の仕方は、
参考書にでているんですか。
参考になるのでどこから情報を得られるのか
教えていただきたいと思いました。

これだったら

table{
border-style:none
}

img{
border-style:none
}

とでできますね！

ありがとうございました。

ところでhtml4.01strictで書くことに賛成ですか？

お礼日時：2004/11/10 23:25

No.1 回答者： koutarou504 回答日時： 2004/11/10 02:28

＞推奨を守って～デザイン会社などはどのくらいあるのでしょうか。

完全に守っている処なんて、まずないでしょう。
なにより推奨を守ると、
利用者の状況によって見え方が・・・
（ブラウザのスタイルシートの対応がぁ～）


＞すべてのtdやtrなどにclass指定で指定する

あの～、修飾を使えば別にHTMLタグでの記述と
大差ない工数ですむでしが・・・
（TABLEタグにCLASS属性を記述し、
スタイルシートでは、そのCLASS名でTDを修飾すると。）
個々に変えるのならば、TDにCLASS属性を記述しないと
いけませんが、これはHTMLタグでの記述でも同じ事で・・・。

この回答への補足

＞＞あの～、修飾を使えば別にHTMLタグでの記述と
大差ない工数ですむでしが・・・

とありましたが、具体的に言うとどういうことですか。
画像も、テーブルも、段落もalignはclass指定でやるってことですか。

補足日時：2004/11/10 10:57