特定の到達点を示すアンカータグを有効に使おう

    1カラムの長いレビューページの中で、注目してほしい個所の手前にあるアンカータグ

    設置することによってその部分が表示させることができます

     

     

    ひとつ例をあげて説明しましょう。

    まずは私の下克上レビューページを開いてください。

    下克上レビューと特典紹介

     

     

     

    こちらはアンカータグを設置した例です

    レビューページの中で、購入特典を先頭に表示

     

     

     

    < a > タグはアンカー( Anchor = いかり ) の略なんですよね。

    その場所を示し、リンクの出発点と到達点を指定するタグです。

     

     

    リンクの出発点は href 属性でリンク先を指定します。

    そして到達点とは、ブログのページそのものであったり、

    そのページのある特定の指定した部分であったりするわけです。

     

     

    その時にページの中に埋め込む、特定の到達点を示すアンカータグがコレです。

    <a name="●●●"></a>

     

    先ほどの例では

    <a name="toku"></a> というタグを埋め込みました。

     

    その場合、アドレスは

    http://あなたのページアドレス/#toku になります。

     

     

    例で取り上げたアドレスです。

    http://miraihayarou.jp/best10/gekokujo/

       ↓   ↓   ↓

    http://miraihayarou.jp/best10/gekokujo/#toku

     

     

    アンカータグはhtmlで作られたサイトでもブログ記事内でも

    使うことができます。是非、試してみてくださいね。

     

     

    この記事が気に入ったら
    いいね ! しよう

    当ブログは「ALPHA WordPress Theme」を使っています

    当ブログは未来派野郎hiroと吉田デザイン:吉田元一氏との共同販売のワードプレステンプレート「ALPHA WordPress Theme」を使っています。初心者からプロまで、思い通りのサイトを直感的に構築できます。

    「ALPHA WordPress Theme」の詳細はこちら

    コメントを残す

    ■アフィリエイトでガッツリ稼ぐためのお役立ち情報まとめ

    Facebook Like Box 「いいね」応援感謝です