• ベストアンサー

ドキュメントタグについて

下記のHTMLを開くと、赤のボックスと青のボックスを上下いっぱいに離して表示したいのですが、どうしてもくっついてしまいます。 なぜでしょうか?って、実は、原因が解っているのですが、ドキュメントタグの "http://www.w3.org/TR/html4/loose.dtd" この部分を削除すると、うまくいきます。 という事は、この部分がいらない?という事になるのですけど、削除しても、問題ないですか? 誰か解る方、よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>hatena</title> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100" height="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top" bgcolor="#FFFFFF"> <table width="10" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#FF0000"><img src="image-top/spacer.gif" width="100" height="100"></td> </tr> </table> </td> </tr> <tr> <td valign="bottom" bgcolor="#FFFFFF"> <table width="10" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#0033FF"><img src="image-top/spacer.gif" width="100" height="100"></td> </tr> </table></td> </tr> </table> </body> </html>

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> こういった書き方は本来XHTMLのもので単純にHTMLならば以下で十分です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> DTDはシステム識別子といってXHTMLのバージョンによって指定するものが違います。XHTMLでは省略不可ですがHTMLでは省略しても構いません。

nomura0910
質問者

お礼

なるほど、XHTMLの為にあったのですね。実は、XHTMLって、なんだかよく解らないです。また、今度の機会に質問してみます。どうもありがとうございました。

その他の回答 (1)

  • OhMabu
  • ベストアンサー率50% (4/8)
回答No.2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> このように書くと、最近のバージョンのブラウザーは標準モードで表示します。 "http://www.w3.org/TR/html4/loose.dtd"> 部分を削除すると、互換モード(古いブラウザーと同じ)で表示します。 互換モードでの表示がいいのであれば、削除しても問題ありません。

nomura0910
質問者

お礼

ありがとうございました。m(__)m なるほど、標準モードと、互換モードなるものが あるのですね。為になりました。

関連するQ&A