リンクタグのHTML

シーサーブログで使うタグのHTMLについてメモしておこうと思います。まず、リンクタグの <a href についてあれこれしようと思います。

この <a href の読み方ですが、わたしはずっとエーエッチレフと読んでいます。けれども、hrefというのはハイパーレファレンスの略のようなので、エーハイパーレファレンスとか、アンカーエッチレフとかいう人もいるようです。

シーサーブログの DTD の場合はaを大文字の A ではなく、小文字の a で記入するといいみたいです。

外窓表示のリンクタグやアンカーテキスト

<a href="http://"></a>

外窓表示にする場合はターゲットをいれるといいみたいです。ブログランキングのバナーなどは外窓にするといいのではないかなと思います。

<a href="http://" target="_blank"></a>

rel="nofollow"を入れるとこんな感じのタグになります。

<a href="http://" rel="nofollow"></a>

rel="nofollow"いりの外窓にするとこんな感じです。

<a href="http://" target="_blank" rel="nofollow"></a>

HTTPのところにリンク先のURLをいれて、リンクしたいテキストをその間にいれるといいようです。ほかにもtitleなどいろいろといれることができると思います。

<a href="http://リンク先URL">リンクしたい文字</a>

このなかでリンクしたい文字はアンカーテキストとよばれているようで、検索エンジンはリンク先のURLのページをリンクしたい文字と認識するようなので、被リンクを得るときに大切になってくるようです。

文字のかわりに画像をいれるとこんな感じになりますが、このときの画像のalt属性にリンクしたい文字を入力しておくといいのではないかなと思います。

<a href="http://リンク先URL">画像</a>

関連記事
  • リンクタグの作り方
    ブログでリンクをしようと思ったとき、リンクタグの作り方はけっこう覚えておいた方がいいと思います。 例えば、あなたのブログからわたしのブログへリンクをはる方法を考えてみましょう! リンクしたいときは...
  • HTMLと無料ブログ
    HTMLの知識は無料ブログを作成する場合、それほど必要ないかと思いますが知っておいた方が楽しいです。 というわたしもそれほど詳しくないのですが、HTMLっていうのはブラウザが画面でページを表示する際...
  • シーサーブログの記事欄カスタマイズHTML
    シーサーブログのカスタマイズをするときに、何かと面倒くさいのは記事欄のカスタマイズだと思います。 特に、記事欄のHTMLはわけがわからないということが多いです。 シーサーブログの記事欄のどのHTM...
  • リンクタグをCSSでブログカスタマイズ
    今日のブログカスタマイズは、リンクタグの色彩をスタイルシートの a:hover や a:visited を使ってカスタマイズしようと思います。 訪問したことのあるリンクの色が変わるとか、リンクタグに...