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>




