フレームのサンプル集
| ブラウザ |
|
|---|---|
| 分類 | --- |
| 要素 |
フレーム分割のサンプル集です。
各属性の値や代替内容などは、ご自分のサイトに合わせて適切な内容に書き換えてください。
- 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>