ちょっと感動したので普及活動をしたいと思います。
まえがき
フロージングコンテンツ？フレージングコンテンツ？
なんかそんな感じので内包できる要素決まってたよね・・・
でもそこから調べるの大変だしなー。手っ取り早く内包できる要素調べられないかなー。
という時に見つけ、感動したサービスです。
サービス紹介
視覚的に内包できる要素を確認する
まずサイトに訪問するとこのようになっています。
そして、確認したいタグ（何の要素 に 内包できるのか、何の要素 を 内包できるのか）をクリックします。
今回はsectionタグをクリックしました。
すると上の画像のように右カラムにsectionタグについての情報が出てきます。
そして「親となる要素」もしくは「子となる要素」にホバーすると
左カラムの対応しないタグがグレーアウトし、視覚的に内包できる要素を確認できることができます。
素晴らしい、感動した！
あとがき
業務PCにPhotoshopが入っておらず、私は画像編集といったらPhotoshopな人間なので、仕方なくmac標準のプレビューツール？を使っているんですが、今回の画像くらいのものなら簡単に出来て良い感じです。