スポンサーサイト

  • 2016.11.28 Monday
  • -
  • -
  • -
  • -
  • by スポンサードリンク

一定期間更新がないため広告を表示しています


にほんブログ村 IT技術ブログ Webサイト構築へ 人気ブログランキングへ←ランキング参加中!クリックしてもらえると嬉しいです。
  • 2016.11.28 Monday
  • -
  • -
  • -
  • -
  • by スポンサードリンク

<a>タグのtitle属性

今日はHTMLの書き方についてのお話。

画像を表示させる<img>タグに代替テキスト(alt属性)をつけるというのは、最新のHTML/XHTML標準では必須項目になっているし、SEO対策上も適切な代替テキストは有効と言われている。

それに比べて目立たないのがリンクを張るときに使う<a>タグなどで使われるtitle属性だ。

念のため言っておくと、このtitle属性は<a>タグ独自のものではなく、多くのタグで有効になる「汎用属性」であり、補足情報を記述するのに使われる。

しかし、特に<a>タグで使った場合、下の図のようにマウスカーソルを重ねたときに属性値が表示されたりするのだ。

<a>タグにtitle属性をつけた表示例

この例では、タグの記述は以下のようになっている。

<a title="やまゆりの自己満足!?趣味サイト" href="http://www.yamayuri-w.net/">やまゆりWORLD</a>


どうってことないのだけど、なんかおもしろいので、私は多用している。
それも、こんな感じでちょっと違う文言を入れて楽しんだりしてしまうのだ。

これ、検索エンジンも読んでくれるんですかねー?

ちなみに、マウスカーソルを重ねたときの表示も、title属性の値+リンク先のURLにしたり、リンク先ページの画像を表示させたりと、いろいろできるみたいだ。
JavaScriptを使うみたいなんだけど、どうやるのかねえ。そのうち勉強しておきます・・・

にほんブログ村 IT技術ブログ Webサイト構築へ 人気ブログランキングへ←ランキング参加中!クリックしてもらえると嬉しいです。

スポンサーサイト

  • 2016.11.28 Monday
  • -
  • 02:54
  • -
  • -
  • -
  • by スポンサードリンク

にほんブログ村 IT技術ブログ Webサイト構築へ 人気ブログランキングへ←ランキング参加中!クリックしてもらえると嬉しいです。
  • 2016.11.28 Monday
  • -
  • 02:54
  • -
  • -
  • -
  • by スポンサードリンク
<< コンテンツのカテゴリー分けとタグ(2008-09-15 01:48:30) | 「歳と」って・・・?(2008-09-26 23:28:23) >>
コメント
http://www.pandora-jewelrysale.us.com/ pandora rings
http://www.katespadepurses.us.com/ kate spade tote
http://www.jordan11spacejams.us.com/ jordan space jams
http://www.adidasnmdrunnerr1.us.com/ yeezy boost 350 v2
http://www.hermesbirkin-handbags.us.com/ hermes wallets
http://www.pandorajewelryrings.us.com/ pandora
http://www.lebron15-shoes.us.com/ lebron 14
http://www.longchampbag.us.com/ longchamp le pliage
http://www.fitflops-sale.us.com/ fitflop uk
http://www.nikeairmax-90.us.com/ air max 95
http://www.kyrie-4.us.com/ nike kyrie
http://www.airmax90shoes.us.com/ vapormax
http://www.curry4-shoes.us.com/ under armour stephen curry
http://www.birkenstocksandalssale.us.com/ birkenstock clearance
http://www.nikeairvapormaxflyknit.us.com/ air max 95
http://www.adidas-ultraboost.us.com/ yeezy boost 350
http://www.louboutinredbottoms.us.com/ christian louboutin sneakers
http://www.salomonspeedcross3.us.com/ salomon shoes
http://www.pumafentyrihannashoes.us.com/ puma sneakers
http://www.adidasyeezy-350.us.com/ yeezy boost 750
http://www.fitflopsshoes.us.com/ fitflop sale
http://www.jordans11shoes.us.com/ air jordan xi
http://www.kd10-shoes.us.com/ kevin durant
http://www.yeezyboost350shoes.us.com/ adidas yeezy boost 350 v2
http://www.pandorajewelryscharms.us.com/ pandora charms
ドリフトliuyuzhen
コメントする









この記事のトラックバックURL
トラックバック
お友達・パートナーリンク
登録されたブログから、最新記事10件を表示しています
Powered By 画RSS
その他リンク
Twitter
Facebook
Koji Minewaki

バナーを作成
Skype
Skype Me™!
なかのひと
あわせて読みたい
あわせて読みたいブログパーツ
recommend
recommend
sponsored links
powered
無料ブログ作成サービス JUGEM
プロフィール
プロフィール写真
⇒プロフィール
最近のコメント
最近のトラックバック
最新記事
カテゴリー
アーカイブ
カレンダー
   1234
567891011
12131415161718
19202122232425
262728293031 
<< May 2019 >>
このブログ内を検索
others
mobile
qrcode