CSSの『outline』プロパティを使用して、HTMLの構造を確認したり、
非推奨のタグの発見や推奨タグの未定義の発見、
リンク切れ等をとても簡単にCSSのセレクタを使って見つける方法を解説します。
ただのCSSの定義となる為、有効・無効も簡単に変更出来ますし、
仕組みは簡単なので、独自に拡張する事も可能です。
デバッグやリリース前のテスト等に御使い下さい。
- ワイヤーフレームを表示させてHTML構造を確認しよう
- 現在非推奨となっているタグを見つけるstyle直指定、fontタグ、centerタグ
- 現在推奨されている、画像に対するtitleとaltを見つける
- tableタグに推奨されるsummary属性やthの未定義scopeを見つける
- リンク先の未指定を発見する