｛はてなブログ｝目次と特定の場所へリンクする方法

もう少しで、はてなブログを初めて一か月になろうとしています。そこで、ブログを始めるにあたり役立った情報を、少しずつ発信していこうと思います。

今回は、目次の作り方と特定の場所にリンクさせるやり方をまとめます。では、書いていきます。

リンク元にこれを、

<a href="#a">~</a>

リンク先にこれを、

<h3 id="a">~</h3>

例

スタート地点☜ここから特定の場所にとばします。　クリック。

HTML編集がどうなってるか下に書きますね。

スタート地点

<a href="#a">スタート地点</a>

ゴール地点

<p id="a">ゴール地点ですよ</p>

上記では<ｐ>になっていますが、<h3>、<h4>、<h5>、どれでも使えます。要するに、普通の文字でも、大見出しでも、中見出しでも、どれでも使うことができます。

注意点

"a"のaの部分はアンカーで、（自分で決める名前みたいなもの）共通の英数字のアルファベットを自分で決めてください。

例ではaを使っていますが、bok-uやuncle33でも大丈夫です。ただ、先頭はアルファベットでないといけません。それと、同じページ内で複数のリンクを作るとき、同じアンカーを使うことができません。

これは、はてなブログを運営する上で必要ないですね。

簡単にURLや過去記事を貼り付けることができるので、HTML編集する必要はないです。ちなみに、先ほど紹介したリンク元の＃の前に、指定したいURI（URL）を入れるとできるみたいです。

いかがだったでしょうか。今回は、目次と特定の場所にリンクするという、初心者向けのことをまとめさせていただきました。

特に、3000文字ぐらいの長い記事になると、読者の方が必要な情報までたどり着くのに、時間がかかってしまう恐れがあります。そのため、目次やページ内リンクを使うことで、読者の方が必要な情報を、より的確で素早く伝えられるのではないでしょうか。是非使ってみて下さい。

ゴール地点ですよ。

ここがリンク先になります。このゴール地点に、リンク先のhtmlを使います。

え、僕ですか？