長い文章のHTMLを貼ると、h2〜h4の見出しにidを付けて、階層のある目次のHTMLとアンカーリンクを出力するツールです。 手で目次を作るときに起きやすい、リンク切れや番号のずれを減らせます。 ブラウザで開くだけで動き、貼ったHTMLは外部に送られません。 h2だけで足りる方は、無料版もあります。https://mall-aibou.booth.pm/items/8923547 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 貼ったHTMLの構造によっては、意図と違う結果になることがあります。 公開前に、実際の表示と、目次のリンクが正しい見出しに飛ぶかを確認してください。 コメント、script、style、pre、textareaの中にある見出しは対象外にしています。 ━━━━━━━━━━━━━━━━━━━━ この商品で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ h2〜h4の見出しから作る、階層のある目次のHTML（対象の階層は選べます） ◆ 見出しにidを付けたHTML（目次のリンク先になります） ◆ idの付け方を選べる（連番 section-1, section-2 ... ／ 見出しの文字） ◆ 目次を番号付き（olタグ）と番号なし（ulタグ）で切り替え ◆ 見出しに既にあるidを、そのまま残す設定 ◆ 同じ見出し、同じidがある場合の警告 ◆ 2つの出力を、ボタンでコピー ◆ 目次の見た目の確認画面 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. html-toc.html をダブルクリックして、ブラウザで開く 2. 目次を作りたいHTMLを貼り、対象の階層やidの付け方を選ぶ 3. 「目次HTML」と「idを付けたHTML」をコピーして、ご自身のページに反映する ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・貼ったHTMLはこの端末の中だけで扱われ、外部のサーバーに送られません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・目次の見た目（CSS）の細かな調整はできません。出力はタグだけのシンプルな形です ・HTMLの文法チェックや修正はしません ・貼ったHTMLへの目次の自動挿入はしません。目次HTMLは、お好きな位置に貼ってください ・h1と、h5・h6は対象外です ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　html-toc.html ／ README.txt TOOL BOX