ページ内リンク 活用実験

こんばんは

今回は、ページ内リンクを使ったページの構成を考えてみた。各話題の先頭に飛ぶリンクと、各話題の最後にトップに戻ってくるリンクを作って、長い投稿のスクロールを省略できる感じに。




リンク１
リンク２
リンク３
ページソース

---

リンク１到達

本文


トップ戻る

---

リンク２到達

本文


トップ戻る

---

リンク３到達

本文


トップ戻る

---

ページソース(<br/>は消しています)

<div id="a1"> こんばんは</div>



<a href="http://pso2ship9happinessgroup.blogspot.jp/2014/08/blog-post_16.html#a2">リンク１</a>

<a href="http://pso2ship9happinessgroup.blogspot.jp/2014/08/blog-post_16.html#a3">リンク２</a>

<a href="http://pso2ship9happinessgroup.blogspot.jp/2014/08/blog-post_16.html#a4">リンク３</a>




<hr />
<div id="a2">リンク１到達</div>


本文


<a href="http://pso2ship9happinessgroup.blogspot.jp/2014/08/blog-post_16.html#a1">トップ戻る</a>


<hr />
<div id="a3">リンク２到達</div>


本文


<a href="http://pso2ship9happinessgroup.blogspot.jp/2014/08/blog-post_16.html#a1">トップ戻る</a>


<hr />
<div id="a4">リンク３到達</div>


本文


<a href="http://pso2ship9happinessgroup.blogspot.jp/2014/08/blog-post_16.html#a1">トップ戻る</a>