記事内を一瞬でジャンプさせる方法

こんばんは。

以前にも、ご紹介しましたが、再度、記事内（ページ内）に目次を付けて、それをクリックすると記事内のその箇所に移動（ジャンプ）させる方法を紹介してみたいと思います。

自分は、この記事⇒『キリタニ的な日々・・』

に目次を付けてみました。よかったらご覧になって下さい。（別窓で開きます。）

アメーバヘルプに記事欄の文字数の上限は、

・記事本文：全角20,000文字（半角40,000文字）

と書いてありました。４００字詰め原稿用紙５０枚分でしょうか・・。

ずいぶん書けますよね。

読む方が読みたいところをすぐ読めるようにするのも親切かな～なんて思います。

⇓ためしにクリックしてみて下さい。（戻って来てね＾＾；）

★ここから移動する

で方法ですが、出発点（目次側）に次のタグを書きます。

<a href="#abcd">★ここから移動する</a>

赤字のところに好きな半角英数字を入れます。（今回はabcdを入れてみました。）

そして移動先に次のタグを書きます。

（小見出し側）

なぜ二つも名前をつけるのかというと、1つではブラウザによっては認識されなくて、クリックしても移動してくれない事があるからのようです。

それと、同じ記事、ページ内に複数のリンクを作る場合は目印の文字、名前（この例ではabcdは必ず違うものにして下さい。
（例、abcd1、abcd2、abcd3・・）

あ、あと目印の文字、名前には半角英数字の他に（ - ）、（ _ ）、（ : ）、（ . ）の4つの記号が使えるようです。

例えば１０個の見出しを付けるとしたら、下（↓）のタグで

（※目次側）

（※小見出し側）

赤字の名前を１０通り作ります。（例 : abcd-2,abcd-3,・・）
（※三個の名前が他と被らないように、日付け＋通し番号にする→2013091701のもいいかもですね。）

で、また注意点ですが、アメブロの場合は、初期設定で「ページ内リンク」が設定されてる場合があるそうなので、うまく作動しない場合は目印の文字、名前を変えてみると作動、反映する場合もあるようです。

読書する時の「しおり」のような役目をするものだと思います。

ちょっと面倒ですが、長い記事に、これがあると、読者さんには親切かと思います。

参考になれば、いいのですが。('-^*)/

▼記事の最下部へ▼

エマ・ワトソン*:..｡o○☆ﾟ･:,｡*:..｡o○☆