[CSS]HTMLの潜在的な問題を見つける、少し高度なCSSのセレクタ -Linting HTML using CSS

HTMLは間違って記述されても、重大なエラーになることはあまりありません。 そのため、validではないHTML、セマンティックではないHTML、アクセシブルではないHTMLのコードが、ページ内に紛れてしまうことは非常に簡単です。 HTMLの潜在的な問題を見つけることができる、少し高度なCSSのセレクタを紹介します。 Linting HTML using CSS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 インラインのスタイル リンクのターゲット アクセシブルではない画像 ドキュメントの言語指定 不適切な文字セット アクセシブルではないビューポート属性 ラベルのないフォーム要素 空のインタラクティブな要素 不必要、あるいは非推奨の属性 インラインのスタイル このセレクタは、インラインのスタイルが適用されているページ上のあらゆ

[bocuno]

おーすげー！なんで今まで思いつかなかったんだろう！

[Kuichi]

Web Developerで確認できることもあるけど、フォームなんかはソースもごちゃついて見落としやすいから、仕込んでおくと便利そう。

[mzkzzz]

どっかのタイミングで使ってもいいのかも

[norando]

CSSでHTMLのデバッグ。なるほど。

[teru-7]

デバッグ用スタイル

[shintarowfresh]

これは便利。

[kicchysan]

HTMLの潜在的な問題を見つける、少し高度なCSSのセレクタ -Linting HTML using CSS #HTML #CSS http://coliss.com/?p=21838