Sat, May 27, 2017

HTML5のアウトライン(階層構造)解析ツール「HTML 5 Outliner」

HTML5ではアウトライン(階層構造)を意識してコーディングすることが重要ですが、
アウトラインの確認、チェックに役立つツールをご紹介します。

■HTML 5 Outliner

section、article、aside、nav等のセクショニング要素と、対応するh1~h6等の見出し要素を構造化したかたちで表示してくれます。

Apple iPhoneのページをチェックするとこんな感じです。

Google Chromeのアドオン版「HTML 5 Outliner」もあるようです。
こちら

この記事を共有 :

Twitter Delicious Facebook Digg Stumbleupon Favorites More

Leave a Reply

Spam Protection by WP-SpamFree