: アンカー要素
最終更新：2026-09-12
<a>アンカー要素
<a>（アンカー）要素はハイパーリンクを定義します。別のページ、ファイル、メールアドレス、同じページ内の位置へのリンクに使用される、Webの基本的な構成要素です。
| カテゴリ | リンクとメディア |
|---|---|
| コンテンツモデル | 透過、フローコンテンツ、フレージングコンテンツ |
| 許可される親要素 | フレージングコンテンツを受け入れる任意の要素 |
| 閉じタグ | 必要 </a> タグ |
| ステータス | 標準 |
📝 構文
<a href="URL" target="_self|_blank|_parent|_top" rel="関係">リンクテキスト</a>⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
href | URL | リンクの宛先。完全なURL、相対パス、フラグメント（#section）、または mailto: や tel: などの特別なスキームを指定できます。 |
target | キーワード | リンク先をどこで開くかを指定します。
|
download | ファイル名 | リンク先に移動する代わりに、そのリソースをダウンロードするようユーザーに促します。任意の値でダウンロードするファイル名を指定できます。 |
rel | リンクタイプ | 現在の文書とリンク先リソースの関係を指定します。一般的な値：nofollow、noopener、noreferrer。 |
hreflang | 言語コード | リンク先リソースの言語をヒントとして示します（例：en、zh-CN、ja）。 |
type | MIMEタイプ | リンク先リソースのMIMEタイプをヒントとして示します（例：text/html、image/png）。 |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <a> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： 新しいタブでリンクを開くときは、タブナビング（tab-nabbing）のセキュリティリスクを避けるため、必ず
rel="noopener"（または noreferrer）を使用してください。警告：
<a> タグの中にボタンなどのブロックレベルの対話型要素を入れないでください。無効なネストと混乱したキーボードナビゲーションになります。❓ よくある質問
Qリンクを新しいタブで開くには？
A
target="_blank" を使用し、セキュリティのため rel="noopener" を追加します：<a href="url" target="_blank" rel="noopener">Qhref と src の違いは？
A
href はハイパーリンクの宛先を指定し（<a>、<link> で使用）、src は外部リソースを埋め込みます（<img>、<script> で使用）。Aいいえ、無効なHTMLです。対話型要素はネストできません。代わりにCSSで
<a>をボタン風にスタイルしてください。🏷️ 関連タグ
💡 関連ケース
📚 関連チュートリアル
