HTML目次生成

MarkdownまたはHTMLの見出しを抽出し、重複しないIDと階層付きの目次HTMLを生成します。

入力形式

見出しを含む原稿目次HTML

<nav aria-label="目次">
<ul>
<li><a href="#はじめに">はじめに</a></li>
  <li><a href="#概要">概要</a></li>
  <li><a href="#使い方">使い方</a></li>
    <li><a href="#入力">入力</a></li>
    <li><a href="#出力">出力</a></li>
  <li><a href="#まとめ">まとめ</a></li>
</ul>
</nav>

H1 はじめに

PitaTools

特徴

Markdown・HTML対応
重複ID回避
目次HTML出力

Steps

使い方

入力形式を選びます。
原稿を貼り付けます。
目次HTMLをコピーします。

PitaTools

活用例

長文記事
マニュアル
ランディングページ

Example

入力例・結果例

入力例: 公開予定ページのタイトル、URL、本文など
結果例: Markdown・HTML対応

ファイルや複数項目を使うツールでは、安全のためサンプルを自動選択せず利用イメージのみ表示します。

Privacy

プライバシーとデータ処理

公開中の200ツールはすべてブラウザ完結です。入力した文章、URL、画像、PDF、ファイル、パスワードをPitaToolsのサーバーへ送信せず、端末内で処理します。

FAQ

よくある質問

原稿本文へIDを自動挿入しますか？

目次用IDを生成して表示します。本文への反映は利用者が行います。

Explore · SEO・コンテンツ

関連ツール

同じカテゴリのツールを続けて利用できます。

Feedback

不具合報告・改善要望

「HTML目次生成」についてお気づきの点を運営者へお知らせください。

報告・要望を送る