<a>【ハイパーリンク (Hyperlink / HTML 4.01：anchor】

メモ ( 例 関連CSS 関連要素 外部リンク ) 構文 DOMインタフェース (HTMLAnchorElement)
動作指定：ジャンプ メーラー起動 ファイルダウンロード FTP参照 ファイル参照 架電 リンクの無効化 クエリパラメータとジャンプ先 id の両方指定

メモ

概要

ハイパーリンクの定義
href属性【リンク先】で動作指定 (詳細：href属性【リンク先】)〔例〕
- ジャンプ (ジャンプ先は href属性で指定)
  - 同一ページ内id位置 (例：href="#～")
  - 別ページ (例：href="～.html")
  - 別ページ内id位置 (例：href="～.html#～")
  - ページの先頭 (href="#"・href="#top"："top"が未定義で大文字小文字の区別なし)
  - ?【クエリパラメータ】とジャンプ先 #【id】の両方を指定する場合、 ?【クエリパラメータ】を先に指定 (参考：href【リンク先】属性)
  - 新規ウィンドウ (タブ) に表示する場合、target【表示先】属性に "_blank" 指定〔新規ウィンドウ (タブ) 表示も考慮〕
- メーラー起動 (例：href="mailto:～")
- ファイルダウンロード：download属性 も指定 (確認ダイアログの有無は、ブラウザ設定)
- FTP参照 (例：href="ftp:～")
- ファイル参照 (例：href="file:～")
- 架電 (例：href="tel:～")

新規ウィンドウ (タブ) 表示

target【表示先】属性に "_blank" 指定で新規ウィンドウ (タブ) 表示
- 参照先から参照元のウィンドウの操作が可能な為、rel【リンク先の関係】属性に以下の指定を考慮
  - noopener：参照元アクセス防止
  - noreferrer：参照元情報の漏洩防止
新規ウィンドウ (タブ) 表示が未指定のリンクは、下記操作で環境により可能
- [Ctrl]キー＋クリック (移動なし)
- [Ctrl]キー＋ [Shift]キー＋クリック (移動あり)
- 右ボタンクリック
- リンクの長押し

ブラウザ拡張

Chrome 81 以降：リンク先に #:~:text=【テキスト】を追加すると、指定したテキストをハイライト表示
〔例：index.html#:~:text=WHATWG HTML〕

Tips

ツールチップ：多くの環境で、title【説明文】属性をツールチップ表示
リンクの無効化 (CSS)：pointer-events: none (マウスポインタのイベントを無効化)
画像のリンク：
- <a> タグで画像を囲む
- <map>【イメージマップ】を使用
色の変更は、下記 CSS を参照

例

<a href="#syntax">構文へ (ページ内)</a><br>
<a href="index.html">HTML リファレンス メモ (別ページ)</a><br>
<a href="index.html" target="_blank">HTML リファレンス メモ 新規ウィンドウ (タブ)</a><br>
<a href="mailto:mail@mail.co.jp?subject=【件名】&amp;body=【本文】&amp;cc=cc@mail.co.jp&amp;bcc=bcc@mail.co.jp">メーラー起動</a><br>
<a href="download.txt" download>ファイルダウンロード (download.txt)</a><br>
<a href="download.txt" download="download-2.txt">ファイルダウンロード (別名：download-2.txt)</a>

構文へ (ページ内)
HTML リファレンスメモ (別ページ)
HTML リファレンスメモ新規ウィンドウ (タブ)
メーラー起動
 ファイルダウンロード (download.txt)
ファイルダウンロード (別名：download-2.txt)

スタイル	スタイル定義	備考
選択中のリンクテキスト色	a:active color	カラー定義・:active【アクティブ要素】
未訪問リンクテキスト色	a:link color	カラー定義・:link【未訪問リンク要素】
既訪問リンクテキスト色	a:visited color	カラー定義・:visited【訪問済みリンク要素】
ホバー時スタイル	a:hover	:hover【ホバー要素】
リンクの無効化	pointer-events: none	マウスポインタのイベントを無効化

外部リンク

HTML Living Standard (英語)
- The a element
- Navigating to a fragment
DOM
- DOM Living Standard (英語)
W3C HTML 5.2 (英語)
- 4.5.1. The a element
- 6.7.9. Navigating to a fragment
W3C HTML 5.1 2nd Edition (英語)
- 4.5.1. The a element
- 6.7.9. Navigating to a fragment identifier
W3C HTML5 (英語)
- 4.5.1 The a element
- 5.6.9 Navigating to a fragment identifier

構文

必須

開始タグ

charset=【リンク先文字コード】

リンク先文字コード

coords=【カンマ区切りの座標または長さ】

リンク領域の相対座標

download [=【ファイル名】]

リソースダウンロード (リソースファイル名省略可)

href=【リンク先】

リンク先 (省略：リンクなし)

ジャンプ	【URL】	リンク先ジャンプ
	#【id】	同一ドキュメント内のid属性指定位置にジャンプ
	【URL】?【クエリパラメータ】	リンク先ジャンプ・クエリパラメータ指定
	【URL】#【id】	リンク先のid属性指定位置にジャンプ
	【URL】?【クエリパラメータ】#【id】	リンク先のid属性指定位置にジャンプ・クエリパラメータ指定
メーラー起動	mailto:【メールアドレス】 [?【詳細】]	【メールアドレス】複数：半角スペース区切り【詳細】下記指定可能 (複数：&区切り) subject=【件名】 cc=【CC】 bcc=【BCC】 body=【本文】
ファイルダウンロード	【ファイル名 (URI)】	download属性指定ファイル名指定可 (省略：元のファイル名)
FTP参照	ftp:～
ファイル参照	file:～
その他		その他プロトコル

hreflang=【リンク先言語】

リンク先言語

name=【名前】

名前

ping=【URL (複数：半角スペース区切り)】

ping 用 URL

referrerpolicy=【リファラーポリシー】

リファラーポリシー (W3C：Referrer Policy (英語))

値	参照元情報の送信
"" (空文字列)	上位ポリシー利用
"no-referrer"	送信なし
"no-referrer-when-downgrade"	セキュリティレベルが低下(TLS 保護：あり → なし)：送信なしその他：送信あり
"origin"	オリジンのみ送信
"origin-when-cross-origin"	クロスオリジン：オリジンのみ送信その他：送信あり
"same-origin"	同一オリジンへ移動：送信ありその他：送信なし
"strict-origin"	セキュリティレベルが低下(TLS 保護：あり → なし)：送信なしその他：オリジンのみ送信
"strict-origin-when-cross-origin"	セキュリティレベルが上昇(TLS 保護：なし → あり)：オリジンのみ送信セキュリティレベルが低下(TLS 保護：あり → なし)：送信なしその他：送信あり
"unsafe-url"	送信あり (安全でない)

rel=【リンク先の関係 (複数：半角スペース区切り)】

リンク先の関係 (大文字・小文字の区別なし)

定義 (Link types)	※	機能	備考
alternate		ハイパーリンク	代替文書
author		ハイパーリンク	作成者
bookmark		ハイパーリンク	ブックマーク
canonical		ハイパーリンク	優先URL (重複コンテンツ回避) href：正規化された絶対URL
dns-prefetch	●	外部リソース	DNS プリフェッチ
external		付記	外部サイト
help		ハイパーリンク	ヘルプ
icon ('shortcut icon')		外部リソース	アイコン
license (互換性：copyright)		ハイパーリンク	ライセンス
manifest		外部リソース	アプリケーションマニフェスト
modulepreload	●	外部リソース	モジュールプリロード
next		ハイパーリンク	次の文書
nofollow		付記	非承認ドキュメント (不適切なページ等)
noopener		付記	トップレベルブラウジングコンテキスト作成 (オープナー無効化：リンク先はリンク元のアクセス不可)
noreferrer		付記	HTTP Refer(r)er ヘッダの送信なし (参照元情報の漏洩防止)
opener		付記	補助ブラウジングコンテキスト作成 (target="_blank" の場合)
pingback	●	外部リソース	ピンバックサーバのアドレス
preconnect	●	外部リソース	先行接続
prefetch	●	外部リソース	先行キャッシュ
preload	●	外部リソース	プリロード
prerender	●	外部リソース	高速応答
prev (互換性：previous)		ハイパーリンク	前の文書
search		ハイパーリンク	検索
stylesheet	●	外部リソース	スタイルシート
tag		ハイパーリンク	タグ

※ <body>内の指定可

拡張定義 (実装依存)
HTML5 link type extensions

rev=【リンク先からの関係】

リンク先からの関係 (reverse link)
(rel属性参照)

領域の形状

表示先 (フレーム名・ウィンドウ名以外に下記指定可)

_blank	新規ウィンドウ (タブ)
_self	現在フレーム
_parent	現在フレームの親
_top	元ウィンドウ全体(フレーム割解除)

type=【リンク先MIMEタイプ】

リンク先MIMEタイプ

【グローバル属性】

accesskey=【アクセスキー (複数：半角スペース区切り )】

アクセスキー

autocapitalize=【変換方法】

自動大文字化

"characters"	全て大文字
"on" "sentences"	各文の最初を大文字
"off" "none"	変換なし
"words"	各単語の最初を大文字

autofocus

ページロード時、自動フォーカス
※：<button>【ボタン】・<input>【汎用入力コントロール】・<textarea>【複数行入力コントロール】・<select>【選択リスト】はW3C定義の同名個別属性も参照

class=【クラス名 (複数：半角スペース区切り)】

所属クラス (複数指定：<style>【スタイル情報】)・外部スタイルシートで後の定義が優先

contenteditable [ ="" (可能) | true (可能) | false (不可) | inherit (親要素継承) ]

編集可否

contextmenu=<menu>【メニュー】のid

コンテキストメニューのid

data-*=【カスタムデータ】

カスタムデータ属性

dir=ltr (左から右) | rtl (右から左) | auto (自動)

文字表記方向 (ltr：left to right text or table / rtl：right to left text or table)
※<bdo>【テキスト方向形式】の場合、ltr または rtlが必須

draggable=true (ドラッグ可能) | false (ドラッグ不可) | auto (ブラウザ既定)

ドラッグ可否

dropzone=copy (ドロップデータのコピー) | move (ドロップデータを移動) | link (ドロップデータのリンク)

ドロップデータの扱い

enterkeyhint=【ヒント】

[Enter]キーのアクションヒント (対応するラベル・アイコン等を表示)

"done"	入力完了
"enter"	改行挿入
"go"	ターゲット移動
"next"	次フィールド移動
"previous"	前フィールド移動
"search"	検索結果移動
"send"	送信

hidden

非表示

id=【id】

id (ドキュメント中で一意 name【コントロール名 (送信データ名)】を含む)
スペース文字 (SP：U+0020・tab：U+0009・LF：U+000A・FF：U+000C・CR：U+000D) 以外の全ての文字が使用可能 (大文字小文字の区別あり)
(<a>【ハイパーリンク】のリンク先・CSS対象(#～)・スクリプト参照)

inert

不活性

inputmode=【入力モード】

入力モード (参照：CSS ime-mode【IMEモード】)
※：<input>【汎用入力コントロール】・<textarea>【複数行入力コントロール】はW3C定義の同名個別属性も参照

"decimal"	小数数値入力 (フォーマット区切り文字表示)
"email"	Eメールアドレス入力 (補助入力：'@'・'.' 等)
"none"	未指定
"numeric"	数値入力
"search"	検索入力
"tel"	電話番号入力 ('0'〜'9'・'#'・'*'・ロケールにより対応アルファベット)
"text"	テキスト入力
"url"	URL入力 (補助入力：'/'・'.'・'www.'・'.com' 等)

is=【定義名】

定義名

itemid=【URL】

アイテムのグローバル識別子

itemprop=【アイテムのプロパティ (複数：半角スペース区切り)】

アイテムのプロパティ

itemref=【要素IDのリスト】

アイテムの参照リスト

itemscope

アイテムのプロパティ宣言

itemtype=【アイテムの型 (複数：半角スペース区切り)】

アイテムの型

lang=【言語コード】

言語コード (【主コード】-【副コード】例："ja"：日本語 / "en"：英語 / "en-US"：アメリカ英語)

nonce=【ワンタイムトークン (文字列)】

CSP(コンテンツセキュリティポリシー)のチェックで使用されるワンタイムトークン(nonce：number used once)
※：<link>【メタデータリンク】・<script>【スクリプト】・<style>【スタイル情報】はW3C定義の同名個別属性も参照

slot=【スロット名】

スロット (<slot>【スロット】の name属性に対応)

spellcheck=true | false

スペルチェック有無

style=【スタイルシート (複数：セミコロン区切り / 最後のセミコロンは省略可)】

スタイル

tabindex=【タブインデックス番号】

タブインデックス

title=【説明文】

説明 (多くはツールチップ表示)
※<link>【メタデータリンク】：メタデータリンクのタイトル
※<style>【スタイル情報】：スタイルシート名

translate="" (翻訳対象) | yes (翻訳対象) | no (翻訳対象外)

翻訳可否

writingsuggestions [= true | ""(true) | false]

書き込み提案有無

【リンク表現】

</a>

必須

終了タグ

DOMインタフェース (HTMLAnchorElement : HTMLElement)

interface HTMLAnchorElement : HTMLElement HTMLAnchorElement includes HTMLHyperlinkElementUtils
interface HTMLElement : Element HTMLElement includes GlobalEventHandlers ~~HTMLElement includes DocumentAndElementEventHandlers~~ (GlobalEventHandlers に統合) HTMLElement includes ElementContentEditable HTMLElement includes HTMLOrSVGElement
interface Element : Node Element includes ParentNode Element includes NonDocumentTypeChildNode Element includes ChildNode Element includes Slottable
HTMLAnchorElement HTMLAnchorElement includes HTMLHyperlinkElementUtils
	DOMString	download	ダウンロードリソース名
	DOMString	hreflang	リンク先言語
	USVString	ping	ping 用 URL
	DOMString	referrerPolicy	リファラーポリシー
	DOMString	rel	リンク先の関係
	DOMTokenList	relList	リンク先の関係リスト
	DOMString	rev	リンク先からの関係
	DOMString	target	表示先
	DOMString	text	内容 (Node.textContent)
	DOMString	type	リンク先MIMEタイプ
HTMLHyperlinkElementUtils interface mixin HTMLHyperlinkElementUtils
	USVString	hash	ハッシュ
	USVString	host	ホスト
	USVString	hostname	ホスト名
stringifier	USVString	href	URL
readonly	USVString	origin	オリジン
	USVString	password	パスワード
	USVString	pathname	パス名
	USVString	port	ポート
	USVString	protocol	プロトコル
	USVString	search	クエリ
	USVString	username	ユーザ名
HTMLElement interface HTMLElement : Element HTMLElement includes ElementContentEditable HTMLElement includes HTMLOrSVGElement HTMLElement includes GlobalEventHandlers ~~HTMLElement includes DocumentAndElementEventHandlers~~ (GlobalEventHandlers に統合) HTMLElement includes ElementCSSInlineStyle〔CSSOM〕
	DOMString	accessKey	アクセスキー
	DOMString	accessKeyLabel	アクセスキー表現文字列
	DOMString	autocapitalize	自動大文字化
	DOMString	contentEditable	編集可能状態 ("true"：編集可能 / "false"：編集不可 / "inherit"：親要素継承) ( ElementContentEditable に移動 )
	DOMStringMap	dataset	カスタムデータ属性 (data-) マップ ( HTMLOrSVGElement* に移動 )
	DOMString	dir	文字表記方向 ("ltr"：左から右 / "rtl"：右から左)
	boolean	draggable	ドラッグ可否
[PutForwards=value]	DOMTokenList	dropzone	ドロップデータの扱い
	boolean	hidden	非表示状態
	boolean	inert
[LegacyNullToEmptyString]	DOMString	innerText	要素内容 (テキスト形式)
	boolean	isContentEditable	編集可否 ( ElementContentEditable に移動 )
	DOMString	lang	言語コード
[LegacyNullToEmptyString]	DOMString	outerText	タグを含む要素内容 (テキスト形式)
	DOMString?	popover	ポップオーバー
	boolean	spellcheck	スペルチェック有無
	long	tabIndex	タブインデックス ( HTMLOrSVGElement に移動 )
	DOMString	title	説明
	boolean	translate	翻訳可否
	DOMString	writingSuggestions
ElementInternals attachInternals()
undefined blur()			フォーカス喪失操作 ( HTMLOrSVGElement に移動 )
undefined click()			クリック操作
[HTMLConstructor] constructor()			コンストラクタ
undefined focus()			フォーカス設定操作 ( HTMLOrSVGElement に移動 )
undefined forceSpellCheck()			スペルチェック
undefined hidePopover()			ポップオーバー非表示
undefined showPopover()			ポップオーバー表示
boolean togglePopover(optional boolean force)			ポップオーバー切替
ElementContentEditable interface mixin ElementContentEditable
	DOMString	contentEditable	編集可能状態
	DOMString	enterKeyHint	[Enter]キーのアクションヒント
	DOMString	inputMode	入力モード
	boolean	isContentEditable	編集可否
HTMLOrSVGElement interface mixin HTMLOrSVGElement
	boolean	autofocus	ページロード時、自動フォーカス
[SameObject]	DOMStringMap	dataset	カスタムデータ属性 (data-*) マップ
	DOMString	nonce	ワンタイムトークン
	long	tabIndex	タブインデックス
undefined focus(optional FocusOptions options = {})			フォーカス設定操作
undefined blur()			フォーカス喪失操作
GlobalEventHandlers interface mixin GlobalEventHandlers
	EventHandler	on～	各種イベントハンドラ (onclick・onfocus 等)
ElementCSSInlineStyle【CSSOM定義】 interface mixin ElementCSSInlineStyle
	CSSStyleDeclaration	style	スタイル
	CSSStyleDeclaration interface CSSStyleDeclaration
	DOMString	style.～	スタイル属性 (CSS2Properties) (例：style.color・style.backgroundColor)
	DOMString	style.cssText	スタイルテキスト
Element interface Element : Node Element includes ParentNode Element includes NonDocumentTypeChildNode Element includes ChildNode Element includes Slottable
[SameObject]	NamedNodeMap	attributes	関連属性マップ
[SameObject, PutForwards=value]	DOMTokenList	classList	クラス名リスト
	DOMString	className	クラス名
	DOMString	id	id (ページ内で一意：name【コントロール(送信)名】を含む)
	(DOMString	innerHTML)	要素内容 (HTML形式)〔 DOM Parsing and Serialization 定義〕
	DOMString	localName	ローカル名
	DOMString?	namespaceURI	ネームスペースURI
	(DOMString	outerHTML)	タグを含む要素内容 (HTML形式)〔 DOM Parsing and Serialization 定義〕
	DOMString?	prefix	プレフィックス
	ShadowRoot?	shadowRoot
	DOMString	slot
	DOMString	tagName	タグ名
ShadowRoot attachShadow(ShadowRootInit init)
Element? closest(DOMString selectors)
DOMString? getAttribute(DOMString qualifiedName)			属性取得
DOMString? getAttributeNS(DOMString? namespace, DOMString localName)			属性取得 (ネームスペース指定)
sequence<DOMString> getAttributeNames()			全属性名取得
Attr? getAttributeNode(DOMString qualifiedName)
Attr? getAttributeNodeNS(DOMString? namespace, DOMString localName)
HTMLCollection getElementsByClassName(DOMString classNames)			エレメントコレクション取得 (クラス名指定)
HTMLCollection getElementsByTagName(DOMString qualifiedName)			エレメントコレクション取得 (タグ名指定)
HTMLCollection getElementsByTagNameNS(DOMString? namespace, DOMString localName)			エレメントコレクション取得 (ネームスペース・タグ名指定)
boolean hasAttribute(DOMString qualifiedName)			属性チェック
boolean hasAttributeNS(DOMString? namespace, DOMString localName)			属性チェック (ネームスペース指定)
boolean hasAttributes()
Element? insertAdjacentElement(DOMString where, Element element)
undefined insertAdjacentText(DOMString where, DOMString data)
boolean matches(DOMString selectors)
undefined removeAttribute(DOMString qualifiedName)			属性削除
undefined removeAttributeNS(DOMString? namespace, DOMString localName)			属性削除 (ネームスペース指定)
Attr removeAttributeNode(Attr attr)
undefined setAttribute(DOMString qualifiedName, DOMString value)			属性設定
undefined setAttributeNS(DOMString? namespace, DOMString qualifiedName, DOMString value)			属性設定 (ネームスペース指定)
Attr? setAttributeNode(Attr attr)
Attr? setAttributeNodeNS(Attr attr)
boolean toggleAttribute(DOMString qualifiedName, optional boolean force)			属性切替
boolean webkitMatchesSelector(DOMString selectors)			matches のエイリアス
ParentNode interface mixin ParentNode
	unsigned long	childElementCount	子エレメントの数
[SameObject]	HTMLCollection	children	子エレメントコレクション
	Element?	firstElementChild	最初の子エレメント
	Element?	lastElementChild	最後の子エレメント
undefined append((Node or TrustedScript or DOMString)... nodes)			追加 (後)
undefined prepend((Node or TrustedScript or DOMString)... nodes)			追加 (前)
Element? querySelector(DOMString selectors)			指定セレクタ先頭エレメント取得
[NewObject] NodeList querySelectorAll(DOMString selectors)			指定セレクタノードリスト取得
undefined replaceChildren((Node or TrustedScript or DOMString)... nodes)			子置換
ChildNode interface mixin ChildNode
undefined after((Node or TrustedScript or DOMString)... nodes)			挿入 (後)
undefined before((Node or TrustedScript or DOMString)... nodes)			挿入 (前)
undefined remove()			削除
undefined replaceWith((Node or TrustedScript or DOMString)... nodes)			置換
NonDocumentTypeChildNode interface mixin NonDocumentTypeChildNode
	Element?	previousElementSibling	前の兄弟エレメント
	Element?	nextElementSibling	次の兄弟エレメント
Slottable interface mixin Slottable
	HTMLSlotElement?	assignedSlot	割り当てスロット
Node interface Node : EventTarget
	USVString	baseURI	ベースURI
[SameObject]	NodeList	childNodes	子ノードリスト
	Node?	firstChild	先頭子ノード
	boolean	isConnected
	Node?	lastChild	最終子ノード
	Node?	nextSibling	次の兄弟ノード
	DOMString	nodeName	ノード名
	unsigned short	nodeType	ノードタイプ (ELEMENT_NODE / ATTRIBUTE_NODE / TEXT_NODE / CDATA_SECTION_NODE / ENTITY_REFERENCE_NODE / ENTITY_NODE / PROCESSING_INSTRUCTION_NODE / COMMENT_NODE / DOCUMENT_NODE / DOCUMENT_TYPE_NODE / DOCUMENT_FRAGMENT_NODE / NOTATION_NODE)
	DOMString?	nodeValue	ノード値
	Document?	ownerDocument	オーナードキュメント
	Element?	parentElement	親エレメント
	Node?	parentNode	親ノード
	Node?	previousSibling	前の兄弟ノード
	DOMString?	textContent (IE：innerText)	内容 (Text形式) (参照：Element.innerHTML・Element.outerHTML) 取得：要素内のHTMLタグを除外しテキストのみ設定：HTMLタグはテキスト変換
Node appendChild(Node node)			子ノード追加
[NewObject] Node cloneNode(optional boolean deep = false)			クローンノード作成
unsigned short compareDocumentPosition(Node other)			他ノードとの位置比較 (DOCUMENT_POSITION_DISCONNECTED / DOCUMENT_POSITION_PRECEDING / DOCUMENT_POSITION_FOLLOWING / DOCUMENT_POSITION_CONTAINS / DOCUMENT_POSITION_CONTAINED_BY / DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC)
boolean contains(Node? other)			指定子孫ノードの存在有無
Node getRootNode(optional GetRootNodeOptions options = {})
boolean hasChildNodes()			子ノードの存在有無
Node insertBefore(Node node, Node? child)			指定ノード前挿入
boolean isDefaultNamespace(DOMString? namespace)			デフォルトネームスペースチェック
boolean isEqualNode(Node? node)			同一ノードチェック
boolean isSameNode(Node? otherNode)
DOMString? lookupNamespaceURI(DOMString? prefix)			ネームスペースURI調査
DOMString? lookupPrefix(DOMString? namespace)			ネームスペースプレフィックス調査
undefined normalize()			標準化
Node removeChild(Node child)			子ノード削除
Node replaceChild(Node node, Node child)			子ノード置換
EventTarget interface EventTarget
undefined addEventListener(DOMString type, EventListener? callback, optional (AddEventListenerOptions or boolean) options = {})
constructor()
boolean dispatchEvent(Event event)
undefined removeEventListener(DOMString type, EventListener? callback, optional (EventListenerOptions or boolean) options = {})