いるみおロゴ
About Blog & Me

当ブログ『いるみお』は管理人の日常の出来事を中心に、
Mac/iPhoneのことブログのこと美味しかった食べ物
子育ての話など、自由気ままに書いています!

管理人『とろあ』。平日は普通のサラリーマン。
通勤時間など時間を見つけてブログ更新中(不規則)。
ブログを中心に色々と勉強中。
2013年にパパになったので、子育ても奮闘中XD

author-icon
Another html lint5 1

テーマを自作した際に、HTMLを1から書いて作ったのですが…
果たして構文としてはちゃんと書けているんだろうか?
そんなことが気になったので、ネットで簡単に出来るチェックを実施してみました。

結果は…結構ボロボロだったのですが、それは後半でXD

Another HTML-lint5 を使用

今回使用したHTML構文チェックツールは、Another HTML-lint 5
日本語対応していて、解説も読み易く使いやすいと思います。

使い方

使い方は至って簡単。
ゲートウェイページにて、[Validate by URL]欄に確認を行いたいURLを入力して、[チェック]ボタンを押すだけ。
下の方のチェックボックスなどは、特にいじりませんでした。

Another html lint5 2

結果は…

当ブログトップページをチェックしてみました。
結果は…

Another html lint5 3

がんばりましょう。74個もエラーがありました。

エラー内容は、項目一つ一つに重要度解説へのリンクがまとめて表示されます。

Another html lint5 4

最下部にはチェックしたページのソースコードも出力され、”Line”列のリンクをクリックすると、問題箇所の内容もその場で確認可能。

Another html lint5 5

最後に…

思った以上にエラーがありましたね。
まずは重要度の高いエラーから解消していこうと思いますX<

当ブログが気になったら…是非RSSにご登録ください。