プロが教える店舗&オフィスのセキュリティ対策術

下記の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>

A 回答 (2件)

><!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では省略しても構いません。
    • good
    • 0
この回答へのお礼

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

お礼日時:2005/08/09 19:34

<!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">
部分を削除すると、互換モード(古いブラウザーと同じ)で表示します。
互換モードでの表示がいいのであれば、削除しても問題ありません。
    • good
    • 0
この回答へのお礼

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

お礼日時:2005/08/09 19:24

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!