<a>アンカータグ

こんばんは、こうちゃんです。

こちら、定番中の定番で、サイト内で多々必要となり使われるタグ、
<a> アンカータグ
です。

アンカーは、リンクをつける際に必須と言ってよいタグで、
JavaScript等を使ってももちろんサイトからリンクは貼れますが、ほとんどの場合はこのアンカータグを使います。

<a href="サイトURL">サイト名</a>

とすれば外部サイトなどにリンクを張れますし、

<a href="相対パス（ファイル名）">ページ名</a>

とすれば、サイト内でページ移動をすることになります。

なお、設定できるオプションとして、

<a href="サイトURL" target="_blank">サイト名</a>

として、アンカータグ内に、

target属性を入れれば、開く先のウインドウ等を制御でき、

target="_blank" とすれば、新しいウインドウでリンク先を開きます。

※なお、最近では、ブラウザ側の制御で、リンク先はすべて新しいタブにしたり、逆に新しいウインドウは開かせなかったり、厳密にアンカータグの指定通りに動くとは限りません

また、

<a href="mailto:メールアドレス">メールはこちら</a>

として、hrefの先にmailto:としてメールアドレスを書くと、リンクを押すと、

OS指定のメールソフトが立ち上がり、

そのアドレス宛の新規メール作成画面が開くようになります。

サイト制作においては各ページに必ずと言っていいほど書くタグですので、
ぜひ覚えておきましょう。

こうちゃん