このページのここにジャンプしてほしい!〜ピンポイントな内部リンクの貼り方〜

%e3%83%92%e3%82%9a%e3%83%b3%e3%83%9b%e3%82%9a%e3%82%a4%e3%83%b3%e3%83%88%e3%81%aa%e5%86%85%e9%83%a8%e3%83%aa%e3%83%b3%e3%82%af%e3%81%ae%e8%b2%bc%e3%82%8a%e6%96%b9

自分のサイトに内部リンクを貼る場合には、通常は見せたいページにジャンプするようにリンクを貼りますが、たまにそのページの特定の箇所を見せたいときがあります。

この場合、その見せたい箇所をピンポイントで指定してリンクを貼ることができますので、ご紹介します。

スポンサーリンク

目次

ピンポイントな内部リンクの貼り方

今回は、私の事務所ホームページの料金表で説明します。

所得税の確定申告の料金表から、”料金具体例”のページのうち所得税の料金具体例の箇所にジャンプするようにリンクを設定します。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-30-17-32-11

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-30-17-32-49

リンク先に目印をつける

【目印の付け方】
<a id=”名前”>テキスト</a>

名前は半角英数でつけますので、今回は「shotokuzdei」とします。

今回は料金具体例のページの見出しに目印をつけますので、テキストモードで次のようにコードを書きます。

<h3 id=”shotokuzei”>【例2】所得税の確定申告の場合</h3>

見出しなので通常の段落のaタグではなくhタグに変えています。

リンク元の設定

<a href=”URL#名前”>テキスト</a>

今回の場合はこのようになります。

<a href=”https://www.ymbt-zeirishi.com/fee-example/#shotokuzei“>具体的な計算例はこちら</a>

まとめ

通常はページの先頭にジャンプするようにリンクを貼ることがほとんどですが、たまにピンポイントな箇所にジャンプさせたい場合がありますよね。

外部リンクには使えませんが、内部リンクならこの方法でリンクを貼ってみましょう。

◆編集後記◆
今更ですが来客用のテーブルを注文しました。
事務所スペースが狭いので、その点を考慮したテーブルです。
またレビューをしてみます。

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

Twitter で
The following two tabs change content below.
アバター画像

山端一弥

大阪市阿倍野区の税理士です。 税理士事務所での10年間の修行を経て独立開業しました。 このブログは税務・会計・IT・趣味などについて「少しでも誰かの役に立てれば」という思いで書いています。 詳しいプロフィールはこちら