ここでは、5 つの無料のオンライン CSS バリデータ Web サイトのリストを示します。これらの Web サイトを使用すると、手間をかけずに CSS コードを自由に検証できます。ファイルのアップロード、CSS の検証、URL の追加、または単に完全な CSS コードをコピーして貼り付けることを選択できます。良い点は、これらのサイトはコード内のエラーを指摘するだけでなく、それらを修正する方法も提案してくれることです。
これらの Web サイトはすべて、季節ごとの CSS の学習者だけでなく、CSS コーダーにも役立ちます。認証は World Wide Web Consortium (W3C) の規則に従います。これらのサイトから始めましょう:
W3C 自体からリストを開始します。つまり、W3C CSS Validator CSS Validator Validator は CSS コードをチェックし、ファイルのアップロード、URL の入力、またはコードのコピーアンドペーストをサポートします。 CSS コードを通じて、エラー番号と警告があれば表示されます。完全な結果は、潜在的な問題と検証出力の 2 つの部分に分かれています。各セクションに移動してエラー/警告を詳細に確認し、それらを解決する方法を確認できます。
これに加えて、検証テストを実行する前に、手動または自動の DOCTYPE を選択してバリデーターに実行させることもできます。ソース コードの表示、マークアップのクリア、アウトラインの表示、エラー ページの検証、および詳細な出力を選択することもできます。
オンライン プレビュー
リストの 2 番目のオンライン CSS バリデーターは CSS ポータルです。また、ファイルをアップロードしたり、CSS を使用せずに URL にアクセスできることを確認したり、コードを直接入力したりすることもできます。 CSS コードを解析した後のエラーの数を示します。番号のすぐ下に、エラーの種類と原因が表示されます。結果ページには、有効な CSS コードを確認できる有効な CSS 情報のセクションも含まれています。
上級ユーザー向けには、プロファイル、メディア、警告レポートの種類を選択するオプションも提供されます。プロファイルは10種類、メディアは10種類、警告レポートは3種類あります。
オンライン プレビュー
CSS Lint は、行をマークするための 3 番目のオンライン CSS バリデーターです。これはあなたの感情を傷つけ、コードをより良くするのに役立ち、CSS コードの警告問題のすべてのバグを見つける方法です。 CSS コードを追加する方法としては、コピー アンド ペーストが 1 つだけサポートされています。分析中に、上部にエラーと警告の数が表示され、下部に詳細な説明が表示されます。
間違ったタイプを選択し、CSS lint チェックについて警告する機能も付いています。バグ、互換性、パフォーマンスと保守性のリスト、レプリケーション、到達可能性、OOCSS から選択できます。
オンラインプレビュー
2 番目の CSS バリデーターは Code Beautify です。ランディング ページには、CSS コードを手動で貼り付けたり印刷したりするための大きな空白のテキスト ボックスがあり、アップロードされたファイルを選択するか、URL を入力することがテキスト ボックスの下部にあります。このバリデーターの優れた点は、確認ボタンをクリックする必要さえなく、CSS コードをぼかすとリアルタイムでエラーが表示されることです。
すべてのエラーは表形式で表示されるため、エラーの種類、行番号、列番号、タイトル、説明、ルールを簡単に見つけることができ、ページに表示されるエラーの数を選択することもできます。この値は 10、25、50、または 100 に設定できます。
オンライン プレビュー
オンライン チェックは、オンライン CSS バリデーターのリストの最後にあります。そのホームページには入力 URL 検証 CSS オプションしかありませんが、[高度なインターフェイス] オプションをクリックすると、ファイルのアップロードとコピー＆ペーストの方法にアクセスできます。検証プロセスが完了すると、エラー番号の警告が表示されます。エラーの種類、行番号、メッセージが表示されます。
ここでは、5 つの無料オンライン CSS バリデータ Web サイトのリストをまとめます。これらは無料で使いやすいので、いつでも CSS コードをチェックするために使用できます。優れた CSS バリデーターをご存知の場合は、お気軽に私と共有してください。
オンライン プレビュー
この記事のパーマリンク: http://www.i7758.com/archives/2428.html
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
