アッhan!
間違ってたらごめんね
HTML 編:target属性の使い方
道具箱 フリー素材集 ネチケット 書籍紹介 リンク集 お勧め情報 更新記録 FAQ フレーム内
Top Download Support Manual ご利用規定 改造計画 Security 関連知識 フレーム外
Top フレームの作り方 target属性の使い方 特殊な Font の使い方
  目次  
 1; target属性 ってなによ。
 2; 別の窓に表示したい
 3; 窓から出さずに窓一杯に表示したい
 4; 窓の決められたフレーム位置に表示したい
 5; あらかじめ出した別の窓に表示したい
 6; 別の窓の決められたフレーム位置に表示したい
 7; 総てのリンクを一度に設定したい
  1;target属性 ってなによ。  
 サイトをナビゲーションする際 リンクしているページを出したい位置に出せるととても便利です。
特にフレームを利用したページなどは、フレームの構成上、左側メニューとした場合は、右側にリンクしたページを表示するととても便利ですよね。
そこで、「target」が活躍する事になります。

 もし、「target」を使わずに

     <a href="./ahhan.html"> リンク </a>

 とした場合、リンクされた、ahhan.htmlページは、リンク元の窓に表示されます。
 リンク元は、戻るを選択しなければ、再び表示されません。
 そこで、

     <a href="./ahhan.html" target="asoko" > リンク </a>

 とすると ahhan.html は 「asoko」と名前の付いたフレームのスペースに表示されます。
 左側のフレームの名前が「menu」で右側が「asoko」ならば、右側に ahhan.html は表示されます。


  2;別の窓に表示したい  
     <a href="./ahhan.html" target="_blank" > リンク </a>

<例>  リンク

     ※この場合のリンクをクリックする度に新しく別の窓が開き、それぞれに ahhan.html が表示されます。
      これは、5 の場合の使い方と大きく異なる点です。


  3;窓から出さずに窓一杯に表示したい  
     <a href="./ahhan.html" target="_top" > リンク </a>

<例>  リンク


  4;窓の決められたフレーム位置に表示したい  
     <a href="./ahhan.html" target="asoko" > リンク </a>

<例>  テストフレームを出す


  5;あらかじめ出した別の窓に表示したい  
     <a href="./test1.html" target="test" > test1.html </a>
     <a href="./ahhan.html" target="test" > ahhan.html </a>

     ※この場合の「test」は、別窓の名前(フレームが存在しない場合)で、どんな文字列でも構わない。
      また、リンクを何度クリックしても 2 の場合と違い、開いたひとつの窓にしか表示されません。

<例>
     test1.html
     ahhan.html(同じ窓に表示されます。)


   6;別の窓の決められたフレームに表示したい  
     <a href="./ahhan.html" target="menu" > ahhan.html </a>
     <a href="./ahhan.html" target="asoko" > ahhan.html </a>

     ※この場合の「test」は、別窓に存在するフレームの名前を使う。

<例>
     テストフレームを出す
     別窓の menu のスペースに表示
     別窓の asokoのスペースに表示


  7;総てのリンクを一度に設定したい  
<body><base target="_blank">

     ※このように body タグのすぐ後に書きこむ事により、そのページ全体の target を決めることが出来ます。

Copyright© 2001-2004, bunbun . All right reserved.