- ベストアンサー
<html>について
htmlについて勉強しているます。 上半分の画像のようにiframeの下にtop画像をもってくるようにしたいのですが、下の画像のようにiframeとtop画像が離れてしまいます。 色々考えた結果ソースの書き始めに <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>～ と書き始めると下の画像のようになり、いきなり <html><head>～ と書き始めると上のような画像になることがわかりました。 どうしてこのような違いが起こるのでしょうか？
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> この部分はDTD(文書型定義)宣言と呼ばれており どの仕様でXHTMLを読み込むか定めたものです。 この宣言をかかないとブラウザは互換モードで読込みます そのため見え方に違い出てきます。 W3C勧告では、DTD宣言はしないといけないので 書いておいたほうがよいです。 iframeのマージンについては以下のようにかくか cssのbodyセレクタにmargin:0px;padding:0pxとかかけば フレームの周りの余白はなくなります。 <frameset> <frame name="left" src="left.html" marginwidth="0" marginheight="0" /> <frame name="right" src="right.html" marginwidth="0" marginheight="0" /> </frameset>
その他の回答 (1)
以下を参照してください。 http://www.dspt.net/html_tag/mode.html ** DOCTYPEの宣言エンコードの指定は必要ですので、そのつもりでＨＴＭＬを記述してください。
