テキストや画像などにリンクを設定するa要素
<a>……</a>
a要素は「anchor」の略で、テキストや画像などにリンクを設定する際に使います。インライン要素として機能し、a要素を除くインライン要素・テキストを内包できます。
「こちら」など意味を持たないテキストをa要素に設定するのは好ましくなく、「トップページへ」など具体的なテキストを記述する必要があります。
例
<html>
<head>
<title>a要素のサンプル</title>
</head>
<body>
<p><a href="http://example.com">exampleについて</a></p>
</body>
</html>
DOMでの参照方法
[window.]document.getElementById（"【ID属性値名】"）
[window.]document.links[i]
[window.]document.anchors[i]
オプション属性
| 属性 | 値 | 機能 | 入力例 | DOM参照 |
|---|---|---|---|---|
| charset | 文字コード名 | リンク先の 文字コード を指定 |
<a charset="utf-8" href="example.html">……</a> |
− |
| coords | 座標の数値 | イメージマップ の範囲を指定 |
<a shape="rect" coords="10,10,50,50" href="example.html">……</a> |
− |
| href | URI | リソースの 所在を指定 |
<a href="example.html">……</a> |
[window.]document.getElementById（"【ID属性値名】"）.href |
| hreflang | 言語コード | リンク先の 言語コード を指定 |
<a hreflang="ja" href="example.html">……</a> |
− |
| name | アンカー名 | ほかのページ からのリンク先 となるための アンカーに 名前を指定 |
<a name="sample">……</a> |
[window.]document.getElementById（"【ID属性値名】"）.name |
| rel | "alternate" "appendix" "bookmark" "contents" "copyright" "glossary" "help" "index" "next" "prev" "start" "chapter" "section" "subsection" |
現在のページ から見た リンク先との 関係性を指定 |
<a rel="next" href="example.html">……</a> |
[window.]document.getElementById（"【ID属性値名】"）.rel |
| rev | "alternate" "appendix" "bookmark" "contents" "copyright" "glossary" "help" "index" "next" "prev" "start" "chapter" "section" "subsection" |
リンク先 から見た 現在のページ との関係性 を指定 |
<a rev="prev" href="example.html">……</a> |
[window.]document.getElementById（"【ID属性値名】"）.rev |
| shape | "defalut" "rect" "circle" "poly" |
イメージマップ の形状を 指定 |
<a shape="rect" coords="10,10,50,50" href="example.html">……</a> |
− |
| target （非推奨属性） |
"_blank" "_self" "_parent" "_top" または、任意の フレーム名 |
リンク先を 表示する 方法を指定 |
<a target="_blank" href="example.html">……</a> |
[window.]document.getElementById（"【ID属性値名】"）.target |
| type | MIMEタイプ | リンク先の リソースの MIMEタイプ を指定 |
<a type="text/html" href="example.html">……</a> |
− |
追加が可能なイベントハンドラ属性
onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup
有限会社タグパンダ
喜安 亮介
 |
2/5 |  |
| INDEX | ||
| Web標準HTMLタグリファレンス（5） リンクやファイル同士の関係を表す4つのXHTMLタグ リンク |
||
 |
a テキストや画像などにリンクを設定するa要素 | |
| link ほかの文書との関係性を定義するlink要素 | ||
| script スクリプトを文書内に読み込む際に使うscript要素 | ||
| noscript スクリプトが実行不可能な際に代替内容を表示するnoscript要素 | ||
TechTargetジャパン
リッチクライアント & 帳票 フォーラム 新着記事
- 次のモバイルアプリはどのフレームワークで作る？ （2012/5/24）
スマホアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する - 「LESS＆専用エディター」でCSSをシンプルに書こう （2012/5/23）
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう - 学校が世界一のデジタル環境になったら （2012/5/18）
授業はアーカイブに蓄積され、家からも見られる。家族が授業テーマのアイデアを出す。そんな姿が実現されるかもしれない - 1000万ドル調達も夢じゃないクラウドファウンディング （2012/5/15）
クラウドファンディングは、寄付型でも投資型でもない「購入型」が主流。商品を“開発する前に販売”して開発費用を集める逆転のシステムだ
 |
|
|
|
|
RSSフィード 
＠IT 新着記事
キャリアアップ
スポンサーからのお知らせ
- - PR -
イベントカレンダー
お勧め求人情報
転職／派遣情報を探す
*＊先週の人気講座ランキング＊*
〜 Android編 〜
ホワイトペーパー（TechTargetジャパン）
ソリューションFLASH
Copyright(c)
2000-2012
ITmedia Inc.
著作権はアイティメディア株式会社またはその記事の筆者に属します。（著作権について）
当サイトに掲載されている記事や画像などの無断転載を禁止します。
「＠IT」「＠IT自分戦略研究所」「＠IT情報マネジメント」「JOB＠IT」「＠ITハイブックス」「＠IT MONOist」「ITmedia」「誠」は、アイティメディア株式会社の登録商標です。
当サイトに関するお問い合わせは「＠ITへのお問い合わせ」をご覧ください。
著作権はアイティメディア株式会社またはその記事の筆者に属します。（著作権について）
当サイトに掲載されている記事や画像などの無断転載を禁止します。
「＠IT」「＠IT自分戦略研究所」「＠IT情報マネジメント」「JOB＠IT」「＠ITハイブックス」「＠IT MONOist」「ITmedia」「誠」は、アイティメディア株式会社の登録商標です。
当サイトに関するお問い合わせは「＠ITへのお問い合わせ」をご覧ください。