ホームページ > ウェブフロントエンド > htmlチュートリアル > ハイパーリンクに関すること(3): 属性 target_html/css_WEB-ITnose

ハイパーリンクに関すること(3): 属性 target_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:35:36
オリジナル
1606 人が閲覧しました

a タグターゲットの属性の 1 つ

1. 定義

リンクされたドキュメントを開く場所を指定します。

a タグに target 属性がある場合、ブラウザは、このタグの href 属性で指定され、名前がターゲットと一致するフレームまたはウィンドウにドキュメントをロードして表示します。

名前と ID を含むフレームを指定すると、ブラウザーは新しいウィンドウを開き、このウィンドウをマークし、ドキュメントをこの新しいウィンドウにロードします。後続のハイパーリンクされたドキュメントは、この新しいウィンドウを指します。

2. 使用法

  • target のターゲット値
  • target には、異なる機能を持つ 4 つの特別な値があります。 。一般に、この値は必須ではないため、設定する必要はありません。 タグと一緒に使用しない限り。

    :

    注: & & lt; ベース & gt; タグの使用法

    & & lt; ベース & gt; は、ページ上のすべてのリンクのデフォルトのアドレスです。

    <head><base href="http://www.cnblogs.com/MonkeyKingK/" /><!-- 规定该页面所有链接的默认地址为http://www.cnblogs.com/MonkeyKingK/ 所有相对地址都要基于这个路径来解析 --><base target="_blank" /><!-- 规定所有链接都在一个新窗口打开 --></head><body><img src="test.gif" /><!-- 实际解析地址是http://www.cnblogs.com/MonkeyKingK/test.gif --><a href="http://www.baidu.com">百度</a><!-- 实际解析地址是http://www.baidu.com --><a href="www.baidu.com">我打开后不是百度的页面</a><!-- 实际解析地址是http://www.cnblogs.com/MonkeyKingK/www.baidu.com --></body>
    ログイン後にコピー
    上記の例から、 タグで指定されたアドレスがすべての相対 URL を解決するために使用されることがわかります。これには、
    タグ内の URL が含まれます。

    2) _blank

    このターゲット値は、ブラウザーが常に新しく開かれた名前のないウィンドウにターゲット ドキュメントをロードすることを意味します。 )

    _Parent

    このターゲット値は、ファイルが親ウィンドウ、またはハイパーリンクへのフレームワーク参照を含むフレームワークにロードされることを意味します。ウィンドウまたはトップレベルのフレームで使用した場合、効果は self と同じです。

    4) _top

    このターゲット値は、このハイパーリンクを含むウィンドウにドキュメントが読み込まれることを示します。_top ターゲットを使用すると、含まれているすべてのフレームがクリアされ、ドキュメントがブラウザ ウィンドウ全体に読み込まれます。

    ヒント:

    ①. 存在する 4 つの特別なターゲットにはすべて下線 (_) が付いているため、ウィンドウまたはフレームの名前/ID に値を割り当てるときは、その最初の文字を割り当てないでください。値を ' _' に変更します。それ以外の場合は、ブラウザによって無視されます。 . ②. その際にiframeを使用する場合は、IDではなくiframeの名前をターゲットとして使用します。 iframe ID を使用する場合、IE10 および FF ではサポートされません。

    & lt; ベース & gt; を使用すると、無効になる可能性があります:

    B. ;
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート