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

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

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

 

 

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

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

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

 

 

 

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

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

 

 

 

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

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

 

 

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

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

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

 

 

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

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

 

先ほどの例では

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

 

その場合、アドレスは

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

 

 

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

https://miraihayarou.jp/best10/gekokujo/

   ↓   ↓   ↓

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

 

 

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

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

 

 

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

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

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

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

●未来派野郎hiro販売商品

ALPHA WordPress Theme
WordPressがはじめてという方でも直感的な操作でプロ顔負けのシックなサイトを作ることができます。
税金対策ストラテジー「NTS」
アフィリエイトに特化した税理士Kが教える確定申告・節税マニュアル。上位版がおススメです!
YouTube Adds pro
YouTube動画の表現力を最大限に引き出すWordPressプラグイン。未来派製作販売商品です。

コメントを残す