HTMLフレームでページ分割 FRAMESET/FRAME/IFRAME：結局のところ：SSブログ

	ブログをはじめるログイン

SQL Server 2008 -> S..｜WinHTTP Web Proxy Au.. ブログトップ

HTMLフレームでページ分割 FRAMESET/FRAME/IFRAME [編集]

<FRAMESET>でウィンドウを複数フレームに分割して、<FRAME>でコンテンツを指定する

画面を水平（横）に分割するには、
rows でフレームの高さを上から ,（カンマ）で区切って、ピクセルか % で指定

画面を垂直（縦）に分割するには、
cols でフレームの幅を左から ,（カンマ）で区切って、ピクセルか % で指定

水平分割と垂直分割を組み合わせるには、
<FRAMESET>～</FRAMESET> を入れ子にする

フレームＡのリンク先を、フレームＢで開かせるには、
各フレームに <FRAME>タグの name属性で名前を付けておき、
<A>タグでリンク先を指定するとともに、target属性で開かせるフレーム名を指定

フレーム未対応のブラウザや、フレームを無効にしている場合など、
<NOFRAMES>タグで代替え内容を指定

■例
<html>
<head><title>フレーム分割</title></head>
<frameset rows="100,300,*">
<frame src="Header.htm" name="header">
<frameset cols="200,*">
<frame src="Left.htm" name="left">
<frame src="Right.htm" name="right">
</frameset>
<frame src="Bottom.htm" name="bottom">
<noframes>
このページはフレームを使用しています。
</noframes>
</frameset>
</html>

<IFRAME>でウィンドウの中に、別フレームを表示させる

<IFRAME> = Inline Frame
ウィンドウの中に、独立して表示されるインラインの別フレームが作成できる

<IFRAME>タグは <BODY>～</BODY> 内で使用する
src属性、name属性は、<FRAMESET>と同様に指定する

フレーム未対応のブラウザや、フレームを無効にしている場合など、
<IFRAME>～</IFRAME> に代替え内容を指定

■例
<iframe src="Inline.htm" name="inline" width="250" height="150">
この部分はインラインフレームを使用しています。
</iframe>

(HTML)

2014-10-07 16:05 nice!(0) コメント(0) トラックバック(0)