<a>要素(リンクアンカー)。

リンクアンカーである<a>要素についての解説です。

<a>要素(リンクアンカー)・目次。

<a>要素とは。

<a>要素とは、文書中のリンクアンカーです。

文書中の特定の語句を他のリソースと関連付けます。

<a>要素を利用出来るHTML文書型。

<a>要素は、以下の文書型で利用出来ます。

<a>要素が含まれるXHTML モジュール。

<a>要素はハイパーテキストモジュールに属します。

<a>要素の扱い。

<a>要素はインライン要素です。

<a>要素の内容は、<a>要素を除くインライン要素に限られます。

<a>要素の属性。

<a>要素には、以下の属性が定められております。

共通属性

<a>要素で使える共通属性には

があります。

href属性
リンク先のURIを指定します。詳しくはhref属性(リンク先のURI)をご覧下さい。
name属性

他のリンクが参照するフラグメント名を指定します。name属性についてもご覧下さい。

type属性

リンク先文書のMIMEタイプを指定します。

などとなります。

hreflang属性
リンク先の言語を指定します。日本語文書ならhreflang="ja"属性となります。
rel属性
リンク元から見たリンク先の関係を示します。詳しくはrel属性/rev属性(リンク先/リンク元との関係)をご覧下さい。
rev属性
リンク先から見たリンク元の関係を示します。詳しくはrel属性/rev属性(リンク先/リンク元との関係)をご覧下さい。
charset属性

リンク先の文字コードを示します。

となります。

tabindex属性
TABキーによるフォーカス移動の優先順位を指定します。詳しくはtabindex属性(TABキー等でのフォーカス移動の優先順位)をご覧下さい。
accesskey属性
キーボードや携帯電話のダイヤルボタンでのアクセスを可能にします。詳しくはaccesskey属性(キーボード等でのアクセス)をご覧下さい。
onfocus属性
当該要素にフォーカスがあった際に起動するクライアントサイドスクリプトを指定します。詳しくはonfocus属性(当該要素がフォーカスされた際に起動するスクリプト)をご覧下さい。
onblur属性
当該要素からフォーカスが離れた際に起動するクライアントサイドスクリプトを指定します。詳しくはonblur属性(当該要素からフォーカスが外れた際に起動するスクリプト)をご覧下さい。
shape属性
<map>要素内で<a>要素を用いる場合に、クライアントサイドクリッカブルマップにおける対象領域の形状を指定します。詳しくはshape属性(クライアントサイドクリッカブルマップでの領域の形状)をご覧下さい。
coords属性
<map>要素内で<a>要素を用いる場合に、クライアントサイドクリッカブルマップにおける対象領域の座標を指定します。詳しくはcoords属性(クライアントサイドクリッカブルマップでの領域の座標)をご覧下さい。

以下に挙げる<a>要素の属性はHTML 3.2, トランジッショナル文書型及びフレームセット文書型でのみ利用出来る属性です。

target属性
リンク先を表示させるウィンドウまたはフレームを指定します。詳しくはtarget属性(リンク表示ウィンドウ/フレーム)をご覧下さい。

<a>要素に関する注意事項。

<a>要素でのname属性について。

<a>要素のname属性は、XHTML 1.0以降はid属性に置き換える事となっております。

しかしながら、ネットスケープ 4.x以前などの旧式のユーザエージェントでは、id属性によるフラグメントは機能しません。

このため、ISO-HTML及びXHTML 1.0では<a>要素にはid属性とname属性を併記する事が求められております。

このとき、id属性とname属性の値は同じものとします。

<a>要素でのname属性の値。

<a>要素でのname属性の値はHTML 3.2, HTML 4.01及びISO-HTMLとXHTMLとで異なります。

HTML 3.2, HTML 4.01及びISO-HTMLでの<a>要素のname属性の値。

在来HTML(HTML 3.2, HTML 4.01及びISO-HTML)の場合、<a>要素のname属性の値はDTD上ではCDATA(任意の文字列)となっております。

但し、<a>要素のname属性はid属性に置き換えられるべきものである事から、実際に記述する際にはid属性値の規定に従うべきでしょう。

XHTMLでの<a>要素のname属性の値。

XHTMLの場合、<a>要素のname属性の値はDTD上はNMTOKENとなり、以下の文字からなる任意の文字列となります(日本語環境の場合)。

逆に、以下の文字(ユニコードが0xF900より大きく0xFFFEより小さい文字)は利用出来ません。

この他、以下のものも使えません。

但し、name属性はid属性に置き換えられるべきものである事から、id属性値の規定に従うべきでしょう。

<a>要素のname属性に関する共通の注意事項。

<a>要素のname属性の値は大文字小文字を区別します。

但し、一部のユーザエージェントには大文字小文字を区別出来ないものもありますので、大文字小文字の違いしかないname属性値(name, Name及びNAMEなど)を同じ文書で複数使う事は禁止されております。

尚、ISO-HTMLではid属性及びname属性の値に用いる英字には大文字を使うべきとされております(ISO/IEO 15445:2000のDTDに依る)。

また、<a>要素のname属性で指定した値は、同じ文書内の別の要素のid属性で利用する事は出来ません。

<a>要素を終点アンカーとして使う場合。

name属性やid属性で終点アンカーとして用いる場合、アンカーの内容が空でも問題は無い筈ですが、稀に空の<a>要素を無視するユーザエージェントもありますので、何らかの文字列を入れるようにして下さい。

ソフトバンク携帯電話での注意事項。

ソフトバンクでは一つの<a>要素にname属性とhref属性を併用する事は出来ません。

二つの<a>要素に分けて下さい。

アンカー文字列について。

<a>要素の内容としてここ(をクリック)とかこちら(をクリック)などと言うようなフレーズは好ましくありません。

視覚障碍者の場合、音声ブラウザか点字出力を利用しますが、どちらにしてもページ全体を見渡す事は困難です。

このため、アンカーのみを拾い読みさせると言う速読法が使われる事があります。

そうした使い方をしているとここ(をクリック)とかこちら(をクリック)では何のアンカーか分かりません。

リンク先の内容が分かるようなアンカーを降ろすようにして下さい。

<a>要素の例。

サイト内部へのリンク
<a href="page2.html">2ページ目</a>
サイト外部へのリンク
<a href="http://www.marguerite.jp/">しらぎくさいと</a>
メールアドレスへのリンク
<a href="mailto:marguerite.site@gmail.com">しらぎくさいと</a>
GIF画像へのリンク(サイト内)
<a type="image/gif" href="image1.GIF">しらぎくさいと</a>
(米国)英語文書へのリンク
<a hreflang="en-us" xml:lang="en-us" lang="en-us" href="http://www.marguerite.jp/English/">Marguerite Site.</a>
他リンクからのリンク先指定
<a name="A1" id="A1">アンカー</a>

関連項目。

<map>要素
クライアントサイドクリッカブルマップ
<area>要素
クライアントサイドクリッカブルマップの領域指定
<link>要素
文書間リンク

しらぎくのウェブサイト作成入門サイトマップ

ページ外へのご案内。

marguerite.site@gmail.com