サイトを制作した後にHTMLとCSSの文法チェックがしたい、そんな時に使えるWebサービス4選

f:id:lord_cashew:20140427162348j:plain 

正しいHTML&CSSで記述することはSEO的にもメンテナンス的にもソースの見栄え的にも自己満足的にも大事なことだと思うので、サイトを制作したら(特にテキストエディタなどで手打ちで制作した場合に)以下のチェックツールを使って文法チェックを行ってみるようにしています。

点数やエラーにこだわりすぎず、あくまでも参考までに、ですが。

 

目次

HTML5の構文チェックツール「Another HTML Lint 5」

f:id:lord_cashew:20140427155351p:plain

Another HTML Lint – Gateway

 

ちなみにこのブログをチェックしてみたら「-91点」「がんばりましょう」でした。

f:id:lord_cashew:20140427161844p:plain

 

HTML5の構文チェックツール「Validator.nu (X)HTML5 Validator」

f:id:lord_cashew:20140427155644p:plain

Validator.nu (X)HTML5 Validator

 

ちなみにこのブログをチェックしてみたら「エラー128点」「注意4点」が表示されました。

f:id:lord_cashew:20140427162151p:plain

 

HTMLの文法チェックツール「The W3C Markup Validation Service」

f:id:lord_cashew:20140427160050p:plain

The W3C Markup Validation Service

 

ちなみにこのブログをチェックしてみたら「エラー128点」「注意5点」が表示されました。

f:id:lord_cashew:20140427162550p:plain

 

CSSの文法チェックツール「The W3C CSS Validation Service」

f:id:lord_cashew:20140427160309p:plain

The W3C CSS Validation Service

 

ちなみにこのブログをチェックしてみたら「エラー104点」「注意209点」が表示されました。

f:id:lord_cashew:20140427162618p:plain

 

 

これからの「標準」を身につける HTML+CSSデザインレシピ[リフロー版]

これからの「標準」を身につける HTML+CSSデザインレシピ[リフロー版]

 

 

よかったらシェアしてね!

この記事を書いた人

ストーンウェブ代表のFujimoriです。Twitter界隈では「Fujimori@元経営者のマッチョマーケター」として活動しています。
私がWebに関するブログを書き始めたのは2013年1月で、おしブロ(おしい県でWebに携わって働く人のブログ)というブログをはてなブログに開設したのが始まりです。それ以前にも経営してた会社/店舗の代表ブログを書いていましたが「Web」というジャンルに限定するとそんな感じです。
このブログは、2021年10月におしブロの記事を丸々移行してスタートしましたので、2021年10月以前の記事はおしブロで書いたものになります。

目次
閉じる