href属性
a要素のhref属性は、リンク先のURLを指定する属性。
ブラウザ対応 |
---|
構文
<a href="URL">リンクテキスト</a>
URL
URLに指定出来る値。
- 絶対URL。例:
http://html5.cyberlab.info
- 相対URL。例:
sample.html
- ページ内リンク。ページ内の特定の要素へのリンク。
#
に続けて、リンク先要素のid属性値を指定する。例:#top
- スクリプト。例:
javascript:alert('こんにちは♪');
http:
以外のプロトコルも指定出来る。対応はブラウザやサーバーなどの環境次第だが…。例:https:
、mailto:
、file:
、tel:
サンプルコード
絶対URL
<a href="http://html5.cyberlab.info">リンクテキスト</a>
相対URL
<a href="sample.html">リンクテキスト</a>
ページ内リンク
<a href="#sample">リンクテキスト</a>
スクリプト
<a href="javascript:alert('こんにちは♪');">リンクテキスト</a>
サンプル
HTMLソースコード
<a href="http://html5.cyberlab.info">HTML5入門</a>、 <a href="a.html">a要素</a>、 <a href="#header">上へ(ページ内リンク)</a>、 <a href="javascript:alert('こんにちは♪');">JavaScriptのアラートで「こんにちわ♪」</a>