jQuery.toc.jsを使った目次表示プラグインの紹介｜DAD UNION – エンジニア同盟

本文の見出し（h2～h4）を目次にして表示するプラグインjQuery.toc.jsを紹介します。 このプラグインを使えば、ブログやウェブサイトの本文中の見出し（h2～h4）を自動的に目次として表示することができます。これにより、読者がコンテンツを簡単にナビゲートできるようになります。この記事では、具体的な使い方を詳しく説明します。 CSS記述 まずは目次「#toc」と本文エリア「class=”container”」のCSS設定から始めましょう。 目次は固定位置に表示され、読みやすくスタイリッシュなデザインに仕上げることが重要です。 <style> body { font-size: 16px; } h1{ text-align: center; font-size: 20px; line-height: 1.6em; padding: 20px 0; } p{ padding-bottom

[you1tech]

記事ページで見出しを自動で目次に表示してくれるのは便利ですね。