|
目標フレーム名
|
| |
|
リンク先を他のフレームに表示する場合には、
あらかじめフレームに name 属性で名前をつけておき、
リンク先の指定で target 属性を用いて表示フレームを指定することができます。
また、あらかじめ決められている目標フレーム名を用いれば、
フレーム表示を解除したりすることもできます。
|
| |
|
目標フレーム名
|
| |
|
あらかじめ決められた目標フレーム名には、
以下のようなものがあります。
| 目標フレーム名 | 意味 |
|---|
| _top | リンク先をウィンドウ全体に表示。 |
| _parent | リンクもとのフレームの親フレームに表示。なければ_selfと同じ。 |
| _self | リンク先を同じフレームに表示。 |
| _blank | リンク先を新しいウィンドウに表示。ウィンドウは名前のない状態。 |
|
| |
|
内容の準備
|
| |
|
上記の target 属性を用いて、
リンク先の表示フレームを指定してみましょう。
まずはHTMLファイルを二つ用意します。
html28_2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<title>「歩行ロボット進化論」</title>
<meta name="author" content="0n0">
<meta name="keywords" content="ロボット,歩行,2足,4足">
<meta name="description" content="歩行ロボットを自作する人のための情報ページです">
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
</head>
<body>
<ul>
<li><a href="html09s1.html" target="cont">自己紹介</a></li>
<li>自作歩行ロボット紹介</li>
<li><a href="http://www.yahoo.co.jp/" target="_top">歩行ロボットリンク集</a></li>
<li>日記</li>
</ul>
</body>
</html>
|
クリックすると表示結果をみることができます。
|
| |
html27_3.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<title>「歩行ロボット進化論」</title>
<meta name="author" content="0n0">
<meta name="keywords" content="ロボット,歩行,2足,4足">
<meta name="description" content="歩行ロボットを自作する人のための情報ページです">
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
</head>
<body>
<p>
このページは、歩行ロボットに関する情報を集めて公開していきます
</p>
</body>
</html>
|
クリックすると表示結果をみることができます。
|
| |
|
フレーム
|
| |
|
フレームの構成を指定するファイルでは、
フレームに名前をつけておきます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html lang="ja">
<head>
<title>「歩行ロボット進化論」</title>
<meta name="author" content="0n0">
<meta name="keywords" content="ロボット,歩行,2足,4足">
<meta name="description" content="歩行ロボットを自作する人のための情報ページです">
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<frameset cols="300,*">
<frame src="html28_2.html">
<frame src="html27_3.html" name="cont">
</frameset>
</html>
|
クリックすると表示結果をみることができます。
|
| |
| 2003/07/09(Wed) |
|
トップページへ |