【HTML5】aタグとは？使い方についてまとめ

aに入れられるタグ一覧

タグ早見表

a abbr address area article aside audio b bdi bdo blockquote br button canvas cite code data datalist del details dfn dialog div dl em embed fieldset figure footer form h1 h2 h3 h4 h5 h6 header hgroup hr i iframe img input ins kbd keygen label link main map mark math menu meta meter nav noscript object ol output p picture pre progress q ruby s samp script section select slot small span strong sub sup svg table template textarea time u ul var video wbr テキスト　など

入れられるタグのカテゴリー・モデル

aに使える属性

属性とは<a> タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。

よく使うグローバル属性

href	概要	要素に対してリンクを付けることができます。
href	属性の値	URL（相対パス・絶対パス）
id	概要	要素に対してID固有の識別名を付けることができます。
id	属性の値	英字から始まる英数字
class	概要	要素に対して分類名を付けることができます。
class	属性の値	英字から始まる英数字
style	概要	要素に対して直接スタイルを指定することができます。
style	属性の値	スタイルシートのコード

グローバル属性一覧はこちら

スポンサードサーチ

aの使い方

<a href="https://example.com">通常テキストリンク</a>

<a class="btn" href="https://example.com">ボタンリンク</a>

<a class="btn" href="https://example.com">マウスを載せると変わるよ！</a>

a{ 
  display:block;
}
/*-ボタンデザイン-*/
a.btn{
  margin:20px 0; 
  background:#8ca4fa;
  padding:10px;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  color:#FFF;
}
a.btn:hover{
  background:#6b7cb7;
}

ブラウザ対応状況

ブラウザの対応（PC)
Chrome	あり
Safari	あり
Internet Explorer	あり
Edge	あり
Firefox	あり
Opera	あり
ブラウザの対応（SP)
Chrome	あり
Safari	あり
Samsung Internet	あり

aの使い方についてまとめ

aの概要

aのカテゴリー

コンテンツカテゴリー

コンテンツモデル