htmlには様々な記述のルールがあります。
ルールに沿わなかった場合、一部のブラウザでうまく表示されないなどの
不具合が出てしまいます。

今回は、htmlを正しい構文で記述できているかオンライン上でチェックできるツール
「Another HTML Lint 5」をご紹介します。

使い方

以下のページにアクセスします。
Another HTML Gateway Lint5

 

・URLでチェック
使い方は簡単！URLを入力するだけ！

 

・直接コードを貼り付けてチェック

まだサーバーにアップしていない
コードもチェックすることができます。

 

以下のようにチェック結果が表示されます。

html全体の評価が点数で表され、
「がんばりましょう」「ふつうです」「たいへんよくできました」
というように、評価に応じたハンコが表示されます。

・エラーの重要度（0～9で数字が大きいほど致命的なエラー）
・どの行でエラーが出ているか
・エラーの内容
・エラーの解説
を教えてくれます。

 

タグの閉じ忘れ、altの入れ忘れ 等
目視で見つけるのは大変なエラーを簡単にチェックできます。

エラーが解消されると
点数が高くなり、ハンコの表示も変わるので
自然とエラーを潰したくなりますね！

 

「Another HTML Lint 5」でチェックしながら、
正しい構造の綺麗なソースを目指しましょう！