アウトライン確認ツール「h5o」

HTML5のアウトラインを確認するにはIDEやプラグインがあるが、動的にページを構築するCMSのようなものだと利用できない場合もある。

便利なツールとしてh5oを見つけた。(実際使うのは「h5o-bookmarklet」)

これはW3Cの仕様に沿ったアウトラインを表示してくれる。

使い方

後者はブックマークレットなので、アウトラインを表示したいサイトでお気に入りから選択するだけで利用できる。

例えばこのページWordPressが使える格安レンタルサーバー3社に契約して比較してみたのアウトラインを表示すると以下のようになる。

outline

ページの右上に表示してくれてとても便利です。

コメントする




1 × four =