HTML検証ツール
Free閉じられていないタグ、重複したID、非推奨の要素、その他のよくある明確に定義された問題をHTMLでチェックします。独自のタグ照合パーサーで検証しており、完全なW3C準拠バリデーターではありません。
すべてブラウザ内で動作します。HTMLがどこかにアップロードされることは一切ありません。
最近のアクティビティ
全員に公開されています。すべての訪問者による直近20回の使用履歴を新しい順に表示します。
まだアクティビティはありません。最初の一人になりましょう。
このツールの機能
HTMLを貼り付けると、このツールは絞り込まれたよくある明確に定義された問題をチェックします。閉じられていない、または一致しないタグ、重複したid属性、画像のalt属性の欠落、非推奨/廃止された要素、非空要素での無効な自己終了構文、そしてDOCTYPE、lang、charset宣言の欠落です。各問題は、見つかった行にリンクされます。
仕組み
軽量なパーサーがHTMLをタグごとにスキャンし、現在開いている要素のスタックを維持します。これはブラウザが内部でネストを追跡する方法とまったく同じで、コメントや<script>・<style>ブロックの内容はスキップされます。終了タグがスタックの最上位と一致しない場合、または最後にスタックにまだエントリが残っている場合、それらは閉じられていない、または一致しないタグとして報告されます。別途、正規表現が重複したid属性、画像のalt属性の欠落、非推奨の要素名をスキャンします。
解決できる問題
- ページの下の方で微妙にレイアウトを崩している、閉じられていないタグを見つけること。
- CSSセレクタやJavaScriptのgetElementById呼び出しが予期しない動作をする前に、重複したid属性を発見すること。
- 古いコードやコピー&ペーストされたスニペットから残った非推奨の要素を見つけること。
- alt属性や宣言された文書言語など、アクセシビリティの基本をチェックすること。
よくある質問
›これはW3Cマークアップバリデーターと同じですか?
いいえ。公式のW3Cバリデーターは、すべての要素と属性を網羅する数百のルールに基づき、HTML仕様への完全な準拠をチェックします。このツールは、早期に発見することが本当に役立つ、よくある明確に定義された問題のより小さなセットに焦点を当てています。閉じられていないタグ、重複したID、非推奨の要素、いくつかの属性欠落チェックです。完全な準拠レポートが必要な場合は、このツールと併せてW3Cバリデーターを使用してください。
›なぜDOCTYPE、lang、charsetの欠落はエラーではなく警告として表示されるのですか?
ブラウザはこれらがなくてもページを表示するため致命的ではありませんが、アクセシビリティ、国際化、そしてブラウザがレンダリングモードを選択する信頼性に影響します。これらが指摘されるのは、修正することがほぼ常に正しい選択だからであり、それらがないとページが壊れるからではありません。
›ここで「非推奨」タグとは何を指しますか?
HTML5仕様が明示的に廃止とマークしている要素で、<center>、<font>、<marquee>、<acronym>などがあります。これらは通常、コンテンツとプレゼンテーションを分離する形で、今ではCSSがその役割を担うようになったためです。後方互換性のためブラウザでは今も動作しますが、新しいコードでは使用すべきではありません。
›<script>や<style>タグ内のコンテンツはチェックされますか?
いいえ、タグ照合の際にそれらの内容は完全にスキップされます。JavaScriptやCSSには、実際にはそうでないのにHTMLタグのように見えるテキスト(文字列の中など)が簡単に含まれる可能性があり、そうでなければ誤検知が発生するためです。
›なぜ<div />のような自己終了構文が指摘されるのですか?
HTMLでは(XMLやXHTMLとは異なり)、<div>や<span>のような非空要素の末尾のスラッシュは単に無視され、それによって要素が閉じられたとはみなされず、別途独自の終了タグが必要です。これは、JSXやXMLからパターンをコピーする際に、誤って閉じられていないタグのバグが発生するよくある原因です。
関連ツール
テキスト
Excel→HTMLテーブル変換ツール
ExcelやGoogleスプレッドシートから貼り付けるか、.xlsx/.xls/.csvファイルをアップロードして、ライブプレビュー、任意のスタイル、数値列の整列付きのきれいなHTMLテーブルを取得できます。
Freeテキスト
HTML実体変換ツール
テキストとHTML実体を双方向に同時変換。10進数・16進数の数値形式と、よく使う実体のクイックリファレンス表付き。
Freeテキスト
基数変換ツール
2進数、8進数、10進数、16進数、BCD、グレイコード、そして2から36までの任意のカスタム基数の間で、単一の入力から一度にすべて数値を変換します。
Freeテキスト
Bcryptハッシュ生成・検証
WebAssemblyを使ってブラウザ内で完全にbcryptパスワードハッシュを生成・検証し、コストファクターとソルトを調整できます。
Freeテキスト
バイオニックリーディング変換
各単語の最初の部分を太字にすることで、任意のテキストをバイオニックリーディング形式に変換し、より速く読んで集中力を高められるようにします。
Freeテキスト
Blake2bハッシュ生成機
ブラウザ内でテキストまたはファイルのBLAKE2bハッシュを計算し、出力長を調整可能、任意のキー付きハッシュ(MAC)にも対応します。
Freeテキスト
シーザー暗号ツール
クラシックなシーザー暗号でテキストを暗号化・復号化し、A-Zマッピング表、総当たりリスト、文字頻度チャート、ROT13ショートカット付き。
Freeテキスト
ASCIIアートジェネレーター
入力したテキストやアップロードした画像をASCIIアートに変換します。フォントスタイルや文字の濃淡を選び、色を保持したまま、プレーンテキストまたはPNGとして書き出せます。
コメント (0)
このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。
まだコメントはありません。最初にご意見をお寄せください!