HTMLの<a>タグ
例
このチュートリアルへのリンク:
»をお試しください
(その他の例については、ページの一番下を参照してください)
ブラウザのサポート
すべての主要なブラウザは<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リファレンス: アンカーオブジェクト