HTML <a> Tag

❮前次❯

例

w3ii.comへのリンク：

<a href="http://www.w3ii.com">Visit w3ii.com!</a>

»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。

定義と使用法

<a>タグがあるページから別のページにリンクするために使用されるハイパーリンクを定義します。

最も重要な属性<a>要素があるhrefリンク先を示す属性、。

すべてのブラウザで次のようにデフォルトでは、リンクが表示されます。

未訪問のリンクが下線付きと青です
訪れたリンクは、下線付きと紫です
アクティブリンクは下線付きと赤です

ブラウザのサポート

素子
<a>	はい	はい	はい	はい	はい

ヒントと注意事項

ヒント： followingの属性： download, hreflang, media, rel, target 、およびtypeあれば存在できないhref属性が存在しません。

ヒント：別のターゲットを指定しない限り、リンクされたページは、通常、現在のブラウザウィンドウに表示されます。

ヒント：スタイルリンクに使用するCSS： CSSリンクチュートリアル＆ CSSボタンのチュートリアル

HTML 4.01とHTML5の違い

HTML 4.01では、 <a>タグは、ハイパーリンクやアンカーのいずれかである可能性があります。 HTML5では、 <a>タグは常にハイパーリンクであるが、それは全く持っていない場合href属性を、それがハイパーリンクの唯一のプレースホルダです。

HTML5は、いくつかの新しい属性を持っており、いくつかのHTML 4.01属性がサポートされなくなりました。

属性

= HTML5で追加。

グローバル属性

<a>タグもサポートし、グローバルは、HTMLの属性。

イベント属性

<a>タグもサポートしています。イベントは、HTMLの属性。

それを自分で試してみてください - 例

ハイパーリンクを作成します。
ハイパーリンクを作成する方法。

リンクとしてのイメージ
リンクとして画像を使用する方法。

新しいブラウザウィンドウでリンクを開きます。
訪問者がWebサイトを離れることがないように、新しいブラウザウィンドウでリンクを開く方法。

mailtoのリンクを作成
メールメッセージにリンクする方法（あなたはメールがインストールされている場合にのみ動作します）。

mailtoのリンクを作成します。2
別のmailtoリンク。

指定された要素へのリンクid
指定されたとの要素にリンクする方法idページ内（ name属性はHTML5でサポートされていません）。

JavaScriptにリンク
内部のJavaScriptを追加する方法href属性。

デフォルトのCSS設定

ほとんどのブラウザが表示されます<a>次のデフォルト値を持つ要素を：

a:link, a:visited {
    color: ( internal value );
    text-decoration: underline;
    cursor: auto;
}

a:link:active, a:visited:active {
    color: ( internal value );
}

属性	値	説明
charset	char_encoding	HTML5でサポートされていません。リンクされたドキュメントの文字セットを指定します。
coords	coordinates	HTML5でサポートされていません。リンクの座標を指定します。
download	filename	ユーザーがハイパーリンクをクリックしたときにターゲットがダウンロードされることを指定します
href	URL	リンクがに行くページのURLを指定します。
hreflang	language_code	リンクされたドキュメントの言語を指定します。
media	media_query	リンクされたドキュメントがために最適化されているものメディア/デバイスを指定します
name	section_name	HTML5でサポートされていません。グローバル使用id属性を代わりに。アンカーの名前を指定します。
rel	alternate author bookmark help license next nofollow noreferrer prefetch prev search tag	現在のドキュメントとリンクされたドキュメントとの間の関係を指定します。
rev	text	HTML5でサポートされていません。リンク先の文書と現在の文書との関係を指定します。
shape	default rect circle poly	HTML5でサポートされていません。リンクの形状を指定します。
target	_blank _parent _self _top framename	リンクされたドキュメントを開くために場所を指定します
type	media_type	リンクされたドキュメントのメディアタイプを指定します。