HTML ハイパーリンク タグ_Powernode Java アカデミー

HTML ハイパーリンク タグ_Powernode Java アカデミー

HTML を学習したり使用したりしたことがある人なら、<a> タグについてよく知っているはずです。今日は、<a> について簡単に説明し、それについての私の理解を簡単に述べたいと思います。

<a> はハイパーリンク タグです。ハイパーリンクとは何ですか?現在のコンテンツをインターネット上の別のリソースに接続します。リンクをクリックすると、リンクされた別のリソースにジャンプできます。

個人的には、ハイパーリンクは一種の能力として想像できると思います。能力を本当に発揮するには、特定の物理的オブジェクトに能力を取り付けなければなりません。たとえば、透明化の能力は、それ自体では透明にはなりません。人に取り付けて、その人が透明になったのが見られたときにのみ、能力の存在が証明されます。多くのコンテンツに添付されている <a> ハイパーリンクについても同様です。最も単純なのはテキストですが、画像など他のものでもかまいません。以下のように表示されます。

<a href="/index.html">このテキスト</a>

または

<a href="****.html">  
<img border="0" src="buttonnext.gif" />  
</a>

ハイパーリンク<a>については、前述したように、クリックすると別のネットワークリソースにジャンプする機能であるため、次の2つの点に注目する必要があります。(1)どこにジャンプするか? (2)ジャンプ先のリソースはどこで開かれ、表示されますか? 。

このとき、<a> タグの 2 つの重要な属性、つまり href 属性と target 属性に注意する必要があります。

href 属性は、接続されている別のネットワーク リソースのアドレスを示すために使用されます。絶対アドレス、相対アドレス、またはページ コンテンツ内の要素の場所を指定できます。

ターゲット属性は、接続されたリソースを開く場所を示すために使用されます。次の 5 つの値が可能です。

プロパティ値

簡単に説明すると、

_blank は、クリックすると新しいブラウザ ページが開き、リンクされたリソースが読み込まれることを意味します。_top は、リンクされたリソースが現在のページで開かれ、元のページに表示されているコンテンツが上書きされることを意味します。<a> タグにターゲット タグが設定されていない場合、リンクされたリソースは、<a> タグが最初に表示されていた場所に表示されます。

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  v-model 双方向バインディングデータを実装する vue カスタム コンポーネントのサンプル コード

>>:  Tomcatにデプロイされたアプリケーションがフロントエンドページにアクセスできない問題について

推薦する

MySQLとRedisでセカンダリキャッシュを実装する方法の詳細な説明

Redis の紹介Redis は完全にオープンソースで無料であり、BSD プロトコルに準拠しており、...

レスポンシブウェブデザインを実現するためにIEでCSS3メディアクエリをサポートする

今日の画面解像度は、320 ピクセル (iPhone) ほど小さいものから、2560 ピクセル以上 ...

Vue での weixin-js-sdk の一般的な使用方法の詳細な説明

リンク: https://qydev.weixin.qq.com/wiki/index.php?ti...

Alibaba Cloud Server の詳細な展開 (グラフィック チュートリアル)

最近、Web 開発のフロントエンドとバックエンドの技術を学んだので、その後の管理を容易にするためにプ...

Vue で eslint 検出をオフにする方法 (複数の方法)

目次1. 問題の説明2. 問題解決1. 問題の説明Vue プロジェクトを開発する場合、作成時に誤って...

React Nativeの起動プロセスの詳細分析

はじめに: この記事ではreact-native-cliで作成したサンプル プロジェクト (Andr...

MySQLデータベースのQPSとTPSの意味と計算方法

DB ベンチマーク テストを実行する場合、qps と tps はデータベースのパフォーマンスを測定す...

Ubuntu 18.04 コマンドでタッチパッドを無効/有効にする

Ubuntu では、ショートカット キーでタッチパッドをオフにできない状況によく遭遇します。この問題...

Linux で SSH 経由でリモート ファイルシステムをマウントする方法の詳細な説明

SSHFS の機能: FUSE(Linux向けの最高のユーザー空間ファイルシステムフレームワーク)を...

Mysqlデータテーブルでワームレプリケーションを使用する方法

簡単に言えば、MySQL ワーム レプリケーションは、クエリされたデータを指定されたデータ テーブル...

Nginx 構成の実装 HTTPS セキュリティ認証

1. HttpとHttpsの違いHTTP: インターネットで最も広く使用されているネットワーク プロ...

MySQLの論理アーキテクチャに関する深い理解

MySQL は現在、ほとんどの企業や事業体で使用されているデータベースです。MySQL が使用される...

DockerコンテナにNFS共有ディレクトリをマウントする実装

以前、https://www.jb51.net/article/205922.htm で、Docke...

docker を使用して kafka プロジェクトをデプロイする Centos6 方法の分析

この記事では、Docker を使用して Centos6 に Kafka プロジェクトをデプロイする方...

node.js チュートリアルの Util モジュールの例の詳細な説明

目次タイプ判定から始める厳格な平等エラーファーストと約束デバッグと出力タイプ判定から始めるJavaS...