- 1. 概要
- 2. 基本
- 3. target
- 4. リンクなしをどうするか？
- 5. 参考サイト
1. 概要
今さら、「<a>」ですが、自動入力させることが多くて、ど忘れしちゃったことがありますので。
本ページは、下記のサイトを参考にさせていただきました。
「<a>: アンカー要素」
2. 基本
「a」は、「anchor」の略だそうです。
「anchor」は、直訳で、錨(いかり)だそうで、わかったような、わからんような。
<a href="https://example.com">Website</a>
で、リンクを張り付けて、タイトル文字をクリックすると、リンク先にとびます。
3. target
<a href="https://example.com" target="...">Website</a>
で、「target」内の文言で、リンク先の「URL」を表示する場所等を示します。
「target」のキーワードには、下記のものがあります。
| 指 定 | 意 味 | 備 考 |
|---|
| _self | 現在表示中のコンテキストを書き換えます | 省略時はこの値 |
| _blank | 新しいタブへ表示します | |
| _parent | 親の閲覧コンテキストを書き換えます。親がいなければ、「_self」と同等 | |
| _top | 最上位のコンテキストを書き換えます。親がいなければ、「_self」と同等 | |
| _unfencedTop | 埋め込まれたフェンスフレームが最上位のフレームを移動できるようにします（って意味がようわかりません） | |
4. リンクなしをどうするか？
「<a>」タグで、リンク先へ飛ばないようにするには。
「html4」までは、「nohref」という属性があったので。
<a href="https://example.com/">リンク先のタイトル</a>
を。
<a nohref="https://example.com/">リンク先のタイトル</a>
と書き換えるだけで良かったのですが。
「html5」では、「nohref」属性は廃止されたとのこと・・・。どうすべぇ。
「href」そのものをなくすとか「<a></a>」を「<span></span>」にするとかいう手もあるらしいですが。
参考として、「href="..."」のリンク先の記述は残しておきたい場合、どうするか。
「CSS」で、クリックを無効化する、という手が、わたしには、一番気に入りました。
すなわち。
<a href="https://example.com/" style="pointer-events: none;">リンク先のタイトル</a>
と書けば、マウスがホバーしても、クリックしても何も起こらなくなるようです。
書式として、今んとこ、エラーでもないと。
5. 参考サイト
本ページは、「Google」大先生を参考にさせていただきました。
|
|
