おしブロ from STONEWEB

おしい県でWebに携わって働く人のブログ from ストーンウェブ。IT&Web界隈に関する役に立ちそうなことをまとめていきます。2013年1月運営開始。

移転しました。

約3秒後に自動的にリダイレクトします。

サイトを制作した後に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デザインレシピ[リフロー版]

 

 

© STONEWEB