フレームのサンプル集
- ブラウザ
- 要素
- frameset要素
- frame要素
- noframes要素
フレーム分割のサンプル集です。
各属性の値や代替内容などは、ご自分のサイトに合わせて適切な内容に書き換えてください。
※title属性とname属性については、「フレーム内にページを表示する」と「フレームにフレーム名を付ける」を参考にしてください。また、代替内容については「フレーム未対応ブラウザでの表示」をご覧ください。
使用例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset cols="200,*">
<frame src="example_a.html" name="frame1" title="左フレーム">
<frame src="example_b.html" name="frame2" title="右フレーム">
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset cols="*,200">
<frame src="example_b.html" name="frame1" title="左フレーム">
<frame src="example_a.html" name="frame2" title="右フレーム">
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset cols="200,*,200">
<frame src="example_a.html" name="frame1" title="左フレーム">
<frame src="example_b.html" name="frame2" title="中フレーム">
<frame src="example_c.html" name="frame3" title="右フレーム">
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset rows="100,*">
<frame src="example_a.html" name="frame1" title="上フレーム">
<frame src="example_b.html" name="frame2" title="下フレーム">
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset rows="*,100">
<frame src="example_b.html" name="frame1" title="上フレーム">
<frame src="example_a.html" name="frame2" title="下フレーム">
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset rows="100,*,100">
<frame src="example_a.html" name="frame1" title="上フレーム">
<frame src="example_b.html" name="frame2" title="中フレーム">
<frame src="example_c.html" name="frame3" title="下フレーム">
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset rows="100,*">
<frame src="example_a.html" name="frame1" title="上フレーム">
<frameset cols="200,*">
<frame src="example_c.html" name="frame2" title="左フレーム">
<frame src="example_b.html" name="frame3" title="右フレーム">
</frameset>
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset rows="100,*">
<frame src="example_a.html" name="frame1" title="上フレーム">
<frameset cols="*,200">
<frame src="example_b.html" name="frame2" title="左フレーム">
<frame src="example_c.html" name="frame3" title="右フレーム">
</frameset>
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset cols="200,*">
<frame src="example_a.html" name="frame1" title="左フレーム">
<frameset rows="100,*">
<frame src="example_c.html" name="frame2" title="上フレーム">
<frame src="example_b.html" name="frame3" title="下フレーム">
</frameset>
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset cols="200,*">
<frame src="example_a.html" name="frame1" title="左フレーム">
<frameset rows="100,*,100">
<frame src="example_c.html" name="frame2" title="上フレーム">
<frame src="example_b.html" name="frame3" title="中フレーム">
<frame src="example_d.html" name="frame4" title="下フレーム">
</frameset>
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset cols="*,200">
<frameset rows="100,*">
<frame src="example_c.html" name="frame1" title="上フレーム">
<frame src="example_b.html" name="frame2" title="下フレーム">
</frameset>
<frame src="example_a.html" name="frame3" title="右フレーム">
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>文書のタイトル</title>
</head>
<frameset cols="*,200">
<frameset rows="100,*,100">
<frame src="example_c.html" name="frame1" title="上フレーム">
<frame src="example_b.html" name="frame2" title="中フレーム">
<frame src="example_d.html" name="frame3" title="下フレーム">
</frameset>
<frame src="example_a.html" name="frame4" title="右フレーム">
<noframes>
<body>
<p>フレームの代替内容</p>
</body>
</noframes>
</frameset>
</html>
- サイト内検索
