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

ホームページ

ウェブフロントエンド

htmlチュートリアル

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:35 AM

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="/static/imghwm/default1.png"  data-src="test.gif"  class="lazy" / alt="ハイパーリンクに関すること(3): 属性 target_html/css_WEB-ITnose" ><!-- 实际解析地址是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 を解決するために使用されることがわかります。これには、、ハイパーリンクに関すること(3): 属性 target_html/css_WEB-ITnose

、、

2) _blank

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

_Parent

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

4) _top

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

ヒント:

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

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

B. ;

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？Mar 04, 2025 pm 12:32 PM

公式アカウントのWebページはキャッシュを更新します。これはシンプルでシンプルで、ポットを飲むのに十分な複雑です。あなたは公式のアカウントの記事を更新するために一生懸命働きましたが、ユーザーはまだ古いバージョンを開くことができますか？この記事では、この背後にあるtwist余曲折と、この問題を優雅に解決する方法を見てみましょう。それを読んだ後、さまざまなキャッシュの問題に簡単に対処でき、ユーザーが常に新鮮なコンテンツを体験できるようになります。最初に基本について話しましょう。それを率直に言うと、アクセス速度を向上させるために、ブラウザまたはサーバーはいくつかの静的リソース（写真、CSS、JSなど）やページコンテンツを保存します。次回アクセスするときは、もう一度ダウンロードすることなく、キャッシュから直接検索できます。自然に高速です。しかし、このことは両刃の剣でもあります。新しいバージョンはオンラインです、