初心者向けHTML入門の決定版:タグHTML
タグHTML > HTMLタグリファレンス > a要素・aタグとは

a要素・aタグとは

Share on Facebook
このエントリーをはてなブックマークに追加

リンクを行うa要素

自分はブロック要素かインライン要素か インライン
含むことができる要素型 インライン要素(ただしa要素を除く)
名称の由来 a は anchor (錨:いかり) の頭文字

リンクの指定に利用されるa要素

リンクにはリンクの始点・出発点とリンク先となる終点・目的点が必要です。
リンクの出発点(source anchor)にはa要素を使います。そのa要素内でhref属性を使い、リンク先となる目的点(destination anchor)のURL(URI)を記述します。目的点は画像やHTMLドキュメントなどのWebリソースが該当します。

ブラウザは一般的にリンク箇所が目立つよう、下線を引いたり文字色つけて目立たせるなどして表示します。(ブラウザの挙動について詳しく知りたい方はデフォルトスタイルシート(ブラウザが標準で持っているスタイル設定)についてを参照下さい)

a要素が内部に含むことができるHTML要素について

a要素自体はインライン要素です。内部にインライン要素やテキストを含むことができます(ただし例外として、a要素の内部にa要素を含むことはできません)。ブロック要素を含むことはできません。

具体的に述べると、インライン要素であるimg要素やstrong要素を含むことはできますが、ブロックレベル要素であるp要素やdiv要素、ul要素などを含むことはできない、ということです。

適切なアンカーテキストを設定する

リンクが設定されたテキスト(a要素で囲まれたテキスト)のことをアンカーテキストと言います。
例を挙げると<a href="http://example.com">サンプルサイト</a> の場合、「サンプルサイト」がアンカーテキストになります。

HTMLソースコード例

<p>詳しくは<a href="prof.html">プロフィール</a>をご覧ください。</p>

a要素に関連する情報

  • 文章の一部にリンクを設定する
  • 画像をクリックすることで別ページに飛ばす
  • ページの途中をリンク先に指定したい

属性

name = cdata
この属性は別リンクの目的点となるように現在のアンカーに名前を付ける。名前の有効範囲は現在のドキュメントに限定される。この名前は範囲内で重複してはならない。
ただし、XHTML仕様では別リンクの目的点(フラグメント)としてname属性ではなくid属性を利用するようになっています。
href = uri
リンク先となるWebリソースの場所を指定する。
hreflang = langcode
href属性が指し示すリソースの基本言語を指定する。
type = content-type
リンク先アドレスの取得可能コンテンツに関する助言を与える。
rel = link-types
現在のドキュメントからhref指定先アンカーへの関係性を記述する。
rev = link-types
href属性で指定されたアンカーから現在のドキュメントへの逆方向リンクの記述に利用する。
charset = charset
リンク先リソースの文字符号化を指定する

この記事を見た人はこんな記事も見ています
  • menu要素・menuタグとは
  • option要素・optionタグとは
  • th要素・thタグとは
  • s要素・sタグとは
  • HTML文章の一部にリンクを張る

HTML要素(タグ)一覧

a  abbr  acronym  address  applet  area  b  base  basefont  bdo  big  blockquote  body  br  button  caption  center  cite  code  col  colgroup  dd  del  dfn  dir  div  dl  dt  em  fieldset  font  form  frame  frameset  h1 - h6  head  hr  html  i  iframe  img  input  ins  isindex  kbd  label  legend  li  link  map  menu  meta  noframes  noscript  object  ol  optgroup  option  p  param  pre  q  s  samp  script  select  small  span  strike  strong  style  sub  sup  table  tbody  td  textarea  tfoot  th  thead  title  tr  tt  u  ul  var  <!-- --> 

ブロックレベル要素一覧

p  h1-h6  ul  ol  dir  menu  pre  dl  div  center  noscript  noframes  blockquote  form  isindex  hr  table  fieldset  address 

インライン(テキストレベル)要素一覧

フォントスタイルに関するもの
tt  i  b  big  small
フレーズ・句に関するもの
em  strong  dfn  code  samp  kbd  var  cite  abbr  acronym
特別なもの
a  img  object  br  script  map  q  sub  sup  span  bdo
フォームに関するもの
input  select  textarea  label  button 

  • sitemap
  • 運営者情報
  • 免責事項
designed by ホームページ制作のササエル
Copyright © tagHTML All Rights Reserved.