1. 現在位置:
  2. トップページ
  3. tipsトップ
  4. HTML-フレーム
フレーム
フレーム非対応への配慮(index.htmlの書き方)

<HTML>
<HEAD>
<TITLE>test</TITLE>
</HEAD>

    <FRAMESET rows="0,*" BORDER="0" FRAMEBORDER="NO" FRAMESPACING="0">
    <FRAME SRC="01.html" NAME="win1" scrolling="no">
    <FRAME SRC="02.html" NAME="win2">
    </FRAMESET>

    <NOFRAMES>
    <BODY>
      <CENTER>
      フレームの使えない方は<A HREF="○○.html" target="_blank">こちら</A>からお入りください。
      </CENTER>
    </BODY>
    </NOFRAMES>

</HTML>

フレームの分け方(index.htmlの書き方)

上下フレームの境に線が入る

<HTML>
<HEAD>
<TITLE>test</TITLE>
</HEAD>
<FRAMESET ROWS="100,*" BORDER=0 FRAMESPACING=0>
<FRAME SRC="kuro.html" NAME="win1">
<FRAME SRC="kiiro.html" NAME="win2">
</FRAMESET>
</HTML>
上下フレームの境に線が入らない

<HTML>
<HEAD>
<TITLE>test</TITLE>
</HEAD>
<FRAMESET ROWS="100,*" FRAMEBORDER=NO FRAMESPACING=0>
<FRAME SRC="kuro.html" NAME="win1">
<FRAME SRC="aka.html" NAME="win2">
</FRAMESET>
</HTML>
上下フレームの境移動(ライン白)
FRAMESPACINGの値で太さ決める

<HTML>
<HEAD>
<TITLE>test</TITLE>
</HEAD>
<FRAMESET ROWS="100,*" FRAMEBORDER=NO FRAMESPACING=10>
<FRAME SRC="kuro.html" NAME="win1">
<FRAME SRC="aka.html" NAME="win2">
</FRAMESET>
</HTML>
上下フレームの境移動
FRAMESPACINGの値で太さ決める

<HTML>
<HEAD>
<TITLE>test</TITLE>
</HEAD>
<FRAMESET ROWS="100,*" FRAMESPACING=10>
<FRAME SRC="kuro.html" NAME="win1">
<FRAME SRC="aka.html" NAME="win2">
</FRAMESET>
</HTML>
左右フレーム

<HTML>
<HEAD>
<TITLE>test</TITLE>
</HEAD>
<FRAMESET COLS="20%,80%" FRAMEBORDER=NO FRAMESPACING=0>
<FRAME SRC="kuro.html" NAME="win1">
<FRAME SRC="aka.html" NAME="win2">
</FRAMESET>
</HTML>
複雑なフレーム分け

<HTML>
<HEAD>
<TITLE>test</TITLE>
</HEAD>
<FRAMESET ROWS="30%,50%,20%">
<FRAME SRC="kuro.html">
<FRAMESET COLS="30%,70%">
<FRAME SRC="aka.html">
<FRAMESET ROWS="30%,40%,30%">
<FRAME SRC="pink.html">
<FRAME SRC="ao.html">
<FRAME SRC="midori.html">
</FRAMESET>
</FRAMESET>
<FRAME SRC="kiiro.html">
</FRAMESET>
<NOFRAMES>
このページはフレーム対応のブラウザでご覧ください。
</NOFRAMES>
</HTML>

インラインフレーム

<IFRAME SRC="01.html" NAME="inline" SCROLLING="auto" WIDTH="150" HEIGHT="50" FRAMEBORDER="0">
IE4以上、もしくはNN4以上でご覧下さい。
</IFRAME>
<IFRAME SRC="01.html" NAME="myFrame" WIDTH="150" HEIGHT="50" FRAMEBORDER="0" BORDER="1px" STYLE="border:dotted 1pt;BORDER-COLOR:#999999;">
</IFRAME>
<IFRAME SRC="01.html" NAME="secret" WIDTH="150" HEIGHT="50" FRAMEBORDER="0" BORDER="1px" STYLE="border:solid 1pt;BORDER-COLOR:#FF61A8;">
</IFRAME>