目次
Gateway – Another HTML-lint 5
HTMLの構文をチェックしてくれるWEBサービス。タグの閉じ忘れやタグのスペルミスをチェックしてくれます。
使い方は「DATA」タブをクリック後、コピーしたHTMLコードを貼り付けて「チェック」を押します。
かなり厳格にチェックするのと、ブラウザの独自仕様の項目は、エラーとして表示してしまうので、下記の部分は無視してもいいでしょう。
- 点数が0〜3までは、サイトの構造に影響がないので無視しても良い
- Internet Explorerの独自仕様のzoomプロパティ、meta要素のmeta https-equiv="X-UA-Compatible" content="IE=edge"は無視しても良い
- googleマップ、youtubuで取得したiframeの属性のエラーは無視しても良い
The W3C Markup Validation Service
HTMLの構文をチェックしてくれるWEBサービス。前述したAnother HTML-lint5より、最新の仕様でチェックしてくれるので、チェックの精度は高い。
ただし、英語サイトのみなので、少し敷居が高いのが難点。
使い方は「Validate by Direct Input」タブをクリック後、コピーしたHTMLコードを貼り付けて「Check」を押します。
W3C CSS 検証サービス – Jigsaw Demo Site
HTML、CSSの策定を行っているW3Cが提供するCSSの構文チェックをしてくれるWEBサービスです。
使い方は「直接入力」タブをクリック後、コピーしたコードを貼り付けて「検証する」を押すだけです。
ここでのチェックは、エラーがないようにすべきです。
Can I use… Support tables for HTML5, CSS3, etc
HTMLのタグ、CSSのプロパティのブラウザの対応状況が確認できるWEBサービスです。
利用方法としては、ブラウザの対応状況やベンダープレフィックスが必須かどうかの確認です。
PCのブラウザだけでなく、スマホのブラウザの対応状況の確認もできます。
使い方は検索窓に、調べたい要素や属性、CSSのプロパティを入力するだけです。
通常の表示は、一部のバージョンを抜粋した状態ですが、「show all」をクリックすると、過去のすべてのバージョンの確認が行えます。