Latest web development tutorials

HTMLの<a>タグ

このチュートリアルへのリンク:

<A href = "http://www.w3big.com"> このチュートリアルをご覧ください!</ A>

»をお試しください
(その他の例については、ページの一番下を参照してください)

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要なブラウザは<A>ラベルをサポートしています。


タグの定義と指示

<A>タグは、別のページにリンクするために1ページからのハイパーリンクを定義します。

最も重要な要素は、リンクターゲットを指定し、href属性の<a>属性です。

すべてのブラウザでは、デフォルトのリンクは次のようになります。

  • ていない訪問したリンクは、下線付きと青です
  • 訪問されたリンクは、下線付きと紫です
  • アクティブリンクは下線付きの赤さ

ヒントと注意事項

ヒント:href属性を使用しない場合は、hreflang属性、メディア、REL、ターゲットとタイププロパティを使用することはできません。

ヒント:通常、現在のブラウザウィンドウに表示されるが、他のターゲットの規定がない限り、ページをリンクされています。

ヒント:使用CSSリンクのスタイルを変更します。


HTML 4.01とHTML5との違い

HTML 4.01では、<A>タグはハイパーリンクの両方にすることができ、それを固定することができます。 HTML5では、<A>ラベルがハイパーリンクです。しかし、href属性が存在しない場合、それはハイパーリンクのためだけのプレースホルダです。

もはや一部のHTML 4.01属性をサポートしていながら、HTML5には、いくつかの新しい属性を持っていません。


プロパティ

新:HTML5新しいプロパティ。

属性 描述
charset char_encoding HTML5 不支持。规定目标 URL 的字符编码。
coords coordinates HTML5 不支持。规定链接的坐标。
download New filename 指定下载链接
href URL 规定链接的目标 URL。
hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media New media_query 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
name section_name HTML5 不支持。规定锚的名称。
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
rev text HTML5 不支持。规定目标 URL 与当前文档之间的关系。
shape default
rect
circle
poly
HTML5 不支持。规定链接的形状。
target _blank
_parent
_self
_top
framename
规定在何处打开目标 URL。仅在 href 属性存在时使用。
type New MIME_type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。

グローバル・プロパティ

<A>タグがサポートされていたHTMLグローバルプロパティを


イベントプロパティ

<A>タグがサポートしているHTMLのイベントプロパティを


例

試してみてください - 例

ハイパーリンクを作成します
この例では、HTML文書内のリンクを作成する方法を示します。

リンクとしてのイメージ
この例では、リンクとして画像を使用する方法を示します。

新しいブラウザウィンドウでリンクを開きます
この例では、訪問者がサイトのアップを離れる必要はありませんので、新しいウィンドウでページを開く方法を示しています。

電子メールのリンクを作成
この例では、メッセージをリンクする方法を示しています。 (このケースでは、メールクライアントをインストールした後に動作するように。)

電子メールのリンク2を作成します。
この例では、より複雑な電子メールのリンクを示しています。

同じページ上の別の場所にジャンプするアンカーを使用します
この例では、ページ上の別の位置(HTML5は、name属性をサポートしていません)にid属性アンカージャンプを使用する方法を示します。


関連記事

HTMLチュートリアル: HTMLリンク

HTML DOMリファレンス: アンカーオブジェクト