English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <a>タグ

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 と HTML5の違い

HTML 4.01 HTML では、<a> タグはリンクでも、アンカーでもあります。5 HTML では、<a> タグはリンクですが、href 属性がなければ、それはリンクの占位符に過ぎません。

HTML5 いくつかの新しい属性がありますが、一部のHTMLはサポートされなくなりました。 4.01 の属性。

属性

New :HTML5 の新しい属性。

属性説明
charsetchar_encodingHTML5 サポートされていません。ターゲットURLの文字エンコーディングを指定します。
coordscoordinatesHTML5 サポートされていません。リンクの座標を指定します。
downloadHTML5filenameダウンロードリンクを指定します。
hrefURLリンクのターゲットURLを指定します。
hreflanglanguage_codeターゲットURLの基準言語を指定します。href属性が存在する場合にのみ使用されます。
mediaHTML5media_queryターゲットURLのメディアタイプを指定します。デフォルト値:all。href属性が存在する場合にのみ使用されます。
namesection_nameHTML5 サポートされていません。アンカーの名前を指定します。
pingHTML5list_of_URLsURLのスペース区切りのリストを指定します。リンクの後にpingリクエストがブラウザから送信されます(バックエンド)。通常トラッキングに使用されます。
referrerpolicyno-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
unsafe-url
特定のプッシュタイプを指定します。
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
現在のドキュメントとターゲットURLの関係を指定します。href属性が存在する場合にのみ使用されます。
revtextHTML5 サポートされていません。ターゲットURLと現在のドキュメントの関係を指定します。
shapedefault
rect
circle
poly
HTML5 サポートされていません。リンクの形状を指定します。
target_blank
 _parent
 _self
 _top
framename
ターゲットURLをどこで開くかを指定します。href属性が存在する場合にのみ使用されます。
type HTML5MIME_typeターゲットURLのMIMEタイプを指定します。href属性が存在する場合にのみ使用されます。
注:MIME = Multipurpose Internet Mail Extensions。

グローバル属性

<a>タグのサポート HTMLのグローバル属性

イベント属性

<a>タグのサポート HTMLのイベント属性

オンラインサンプル

画像リンク  このサンプルでは、画像リンクの使用方法を示します。

現在のページ内に指定された場所にリンクします。 このサンプルでは、ブックマークの使用方法を示します。

フレームワークから抜け出す  このサンプルでは、フレームワークから抜け出す方法を示します。あなたのページがフレームワーク内に固定されている場合。

メールリンクの作成 このサンプルでは、メールにリンクする方法を示します。(このサンプルはメールクライアントプログラムがインストールされている場合にのみ動作します。)

メールリンクの作成 2  このサンプルでは、より複雑なメールリンクを示します。

電話リンクの作成 このサンプルでは、電話をかけられるリンクの作成を示します。

関連記事

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

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