目次と本文

左カラムに目次を作り、右カラムに本文を作り、リンクで結ぶ場合の例です。

(注1) HTMLを使っています。

使っているHTMLは、

・両側

<div style="height: 高さpx; overflow: auto;">･･･</div>

(この例では高さ400px)

・左(目次)側

<a href="#本文のid">目次</a>

・右(本文)側

<p id="目次のリンク先名">

「本文のid」=「目次のリンク先名」

です。

HTMLは、テスト、確認、間違った箇所を探す、のに手間がかかります。できるだけ分かり易い、単純なHTMLにしましょう。

(注2) 最後の本文が右枠の先頭に表示されるよう文末に空白を入れています。

カラム方式の作り方は[Jimdo目次と本文を同一ページで表現]を参照ください。

最終更新日：2017.10.9