English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <a>タグは、HTMLドキュメント内にURLやターゲットを指す超リンクを定義します。このタグは通常<a>要素とも呼ばれます。
コーディングボックスウェブサイトにリンク:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>コーディングボックスウェブサイト(oldtoolbag.com)</title> </head> <body> <a href="https://ja.oldtoolbag.com">コーディングボックスウェブサイトにアクセス!/a> </body> </html>テストを見てみる ‹/›
IEFirefoxOperaChromeSafari
すべての主要ブラウザは<a>タグをサポートしています。
<a>タグは、ページからページへのリンクを定義するための超リンクです。
<a>要素で最も重要な属性はhref属性で、リンクのターゲットを指定します。
すべてのブラウザでリンクのデフォルトの外観は以下の通りです:
アクセスしていないリンクは下線がついて青いです。
アクセスしたリンクは下線がついて紫色的です。
アクティブなリンクは下線がついて赤いです。
HTML <a>要素は<body>タグ内に位置します。
開始<a>と終了</a>の間のテキストはリンクテキストとして表示されます(下線付きのテキストです)。
リソースを新しいウィンドウで開きたい場合は、target =“ _ blank”属性を使用してください。例えば、以下のように超リンクを書けます:<a href="/examples/filename.html" target="_blank">リンク先のファイル名</a>
HTML 4.01 HTML では、<a> タグはリンクでも、アンカーでもあります。5 HTML では、<a> タグはリンクですが、href 属性がなければ、それはリンクの占位符に過ぎません。
HTML5 いくつかの新しい属性がありますが、一部のHTMLはサポートされなくなりました。 4.01 の属性。
New :HTML5 の新しい属性。
属性 | 値 | 説明 |
---|---|---|
charset | char_encoding | HTML5 サポートされていません。ターゲットURLの文字エンコーディングを指定します。 |
coords | coordinates | HTML5 サポートされていません。リンクの座標を指定します。 |
downloadHTML5 | filename | ダウンロードリンクを指定します。 |
href | URL | リンクのターゲットURLを指定します。 |
hreflang | language_code | ターゲットURLの基準言語を指定します。href属性が存在する場合にのみ使用されます。 |
mediaHTML5 | media_query | ターゲットURLのメディアタイプを指定します。デフォルト値:all。href属性が存在する場合にのみ使用されます。 |
name | section_name | HTML5 サポートされていません。アンカーの名前を指定します。 |
pingHTML5 | list_of_URLs | URLのスペース区切りのリストを指定します。リンクの後にpingリクエストがブラウザから送信されます(バックエンド)。通常トラッキングに使用されます。 |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | 特定のプッシュタイプを指定します。 |
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 HTML5 | MIME_type | ターゲットURLのMIMEタイプを指定します。href属性が存在する場合にのみ使用されます。 注:MIME = Multipurpose Internet Mail Extensions。 |
<a>タグのサポート HTMLのグローバル属性。
<a>タグのサポート HTMLのイベント属性。
画像リンク このサンプルでは、画像リンクの使用方法を示します。
現在のページ内に指定された場所にリンクします。 このサンプルでは、ブックマークの使用方法を示します。
フレームワークから抜け出す このサンプルでは、フレームワークから抜け出す方法を示します。あなたのページがフレームワーク内に固定されている場合。
メールリンクの作成 このサンプルでは、メールにリンクする方法を示します。(このサンプルはメールクライアントプログラムがインストールされている場合にのみ動作します。)
メールリンクの作成 2 このサンプルでは、より複雑なメールリンクを示します。
電話リンクの作成 このサンプルでは、電話をかけられるリンクの作成を示します。
HTML チュートリアル:HTML リンク
HTML DOM リファレンスマニュアル: アンカー オブジェクト