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>

実際の表示