サイト内検索
...HTML・XHTMLタグ...
インラインフレーム
リンクさせる
- リンク先のフレーム(ウィンドウ)を表示するには、a要素にtarget属性を指定します。
- 例えば
- 上のフレームには、「_top」というフレーム名を付けます。
- 表示先のフレーム名を「_top」に指定します。
- リンクボタンに「target="_top"」を指定します。
- これで
- リンクさせることが出来ます。
- [使い方]
- <a href="sample.html" target="_top">〜</a>
- [メモ・・・Ｗ３Ｃの検証サービス・・・]
- HTML 4.01 Strict ・ XHTML1.0 Strictでは推奨されていません。
| 属性 | 属性値 | 説明 |
|---|---|---|
| target= | "_blank" | 別にブラウザを立ち上げて表示します。 |
| "_top" | フレームの分割を廃止して画面全体で表示します | |
| "_self" | リンク元と同じウィンドウ（フレーム）に表示します。
(標準値・初期設定値) |
|
| "_parent" | 親フレームに表示します。 | |
| "ウィンドウ名
(フレーム名)" | 任意のウィンドウ（フレーム）に表示します。 |
サンプル
《ブラウザ上のリンクをクリックすると
インラインフレーム内にリンク先が表示されます。》
nameについては、こちらをご覧ください。
[ｂｏｄｙの中]
<a href="sample-pink.html" target="pink ">サンプル（ピンク）</a><a href="sample-green.html"target="green ">サンプル（グリーン）</a>
<a href="sample-yellow.html"target="yellow">サンプル（イエロー）</a>
<iframe src="pink.html" name="pink">
このピンクのぺージはフレーム対応のブラウザでご覧ください。
</iframe>
[ブラウザ上]
《別ウィンドウに表示します》
<iframe src="pink.html" target="_blank">このピンクのぺージはフレーム対応のブラウザでご覧ください。
</iframe>
