お気に入り

HTML5 入れ子チートシート

HTML5 入れ子チートシート

HTML5での親要素・子要素の入れ子をワンクリックで確認できる便利なチートシートです。
要素をクリックすると親子関係にあるタグがハイライトされるので、視覚的に瞬時に親子関係を確認できます。

使い方

HTML5 入れ子チートシートの使い方は非常に簡単です。

親子関係を知りたい要素をクリックするだけです。
少し見くいですが、要素のホバー時に「親」または「子」の選択ができるのでクリックします。

親要素は青色でハイライト、子要素は黄色でハイライトされます。
視覚的にすべての要素を確認できるので、非常にわかりやすくとても便利です。