html code_html/css_WEB-ITnoseで新しいウィンドウにリンクを書く方法-htmlチュートリアル-php.cn

html code_html/css_WEB-ITnoseで新しいウィンドウにリンクを書く方法

WBOY

リリース： 2016-06-24 11:47:23

オリジナル

1678 人が閲覧しました

Author: iamlaosong

HTMLを勉強していると、リンクをクリックすると元のウィンドウで開く場合と、新しいウィンドウで開く場合がありますが、このリンクの書き方の違いは何でしょうか？ネットで調べてみると、リンクにtarget属性を追加し、その値を_blankに設定することで新しいウィンドウで開けるようになっていることが分かりました。この属性がないとページが開いてしまいます。オリジナルの窓。コードは次のとおりです。

<html>  <head>    <title>一个Html文档</title>  </head>  <body>    <p>欢迎访问<a href="http://www.jb51.net">脚本之家old_win</a>! </p>    <p>欢迎访问<a href="http://www.jb51.net" target="_blank">脚本之家new_win</a>!</p>  </body></html>

ログイン後にコピー

target 属性の意味
_blank は、新しい空のウィンドウにドキュメントを読み込みます。新しいウィンドウには名前が付けられません。
_parent は、リンクが配置されているウィンドウの直接の親ウィンドウにドキュメントを読み込みます。
_search は、ブラウザの検索領域にドキュメントを読み込みます。この機能は Internet Explorer 5 以降でのみ使用できることに注意してください。
_self は、リンクが配置されているウィンドウにドキュメントを読み込みます。
_top は、上部のウィンドウにドキュメントを読み込みます。

ターゲット値を変更し、その効果をテストし、興味深い現象を見つけます。値が空の場合、リンクは元のウィンドウで開き、上記の値を除くその他の値は _blank と同等です。リンクは新しいウィンドウで開きます。例:

<html>  <head>    <title>一个Html文档</title>  </head>  <body>    <p>欢迎访问<a href="http://www.jb51.net" target="">脚本之家old_win</a>! </p>    <p>欢迎访问<a href="http://www.jb51.net" target="new">脚本之家new_win</a>!</p>  </body></html>

ログイン後にコピー