H1からH6までを見渡す見出し構造確認

開発者や執筆者が、長いページを読みやすくするために見出しの順序と論理を点検する場面に適しています。

HTMLを読み取りH1からH6までの階層を並べ、飛び級、重複、まとまりの悪い見出しを発見し、ページ全体の流れを正しく整えられます。

使い方

  1. HTMLフラグメントを入力エリアに貼り付けるか、検査したいマークアップを含む対応テキストファイルをインポートします。
  2. 抽出を実行し、H1からH6までの見出し階層を文書順に表示します。
  3. アウトラインを確認し、欠けているレベル、逆転した階層、明確な理由なく先に飛んでいる見出しがないか調べます。
  4. 元のHTMLを修正し、もう一度抽出を実行して、新しいアウトラインを以前の結果と比較します。

使用例

サンプルフラグメントでは、ツールはH1の後にH2、H3、さらに別のH2を表示するはずです。インデントと順序に注目し、アウトラインが論理的なままで、見出しレベルが予期せず飛ばされていないことを確認してください。

入力

<h1>Reference guide</h1><h2>Installation</h2><h3>Requirements</h3><h2>Usage</h2>

制限と形式

処理の場所

チェックはすべてブラウザー内で実行されます。貼り付けたコードやインポートしたコードはデバイス上に残り、アウトラインを確認している間にどこかへ送信されることはありません。

よくある質問

見出しのアウトラインで何ができますか?

HTMLフラグメント内でH1からH6タグがどのように並んでいるかを確認できます。公開、移行、別の担当者への引き渡しの前に、壊れた階層を見つけるのに役立ちます。

ページ全体を検査できますか?

はい、そのHTMLを貼り付けるか、対応しているテキストファイルをインポートすれば可能です。ツールは提供された内容だけを使用し、アドレスをダウンロードしたりページのスクリプトを実行したりしません。

レベルが欠けているとはどういう意味ですか?

アウトラインが中間のレベルを飛ばして、ある見出しレベルから後のレベルへ移ることを意味します。たとえばH2からH4です。ページは引き続き機能するかもしれませんが、構造を確認する価値があります。

同じカテゴリのツール