どや!?HTML5の構文チェックをするならこれだ!

21 12月

  • このエントリーをはてなブックマークに追加

HTML5の構文チェックをするならこれだ!

HTML5を使ってコーディングする方が増えているのではないでしょうか。ただ、書き方が正しいのかは分からないなんてことも。そんな時はこのwebサービスを使うと便利ですよ。
 

Validator.nu (X)HTML5 Validator

このサービスでは、HTML5の構文を簡単にチェック・検証することができます。
Validator.nu (X)HTML5 Validator
チェックにかける方法は3つ!

①URLを入力する

HTML5の構文チェック:URLを入力する
 

②ファイルをアップロードする

HTML5の構文チェック:ファイルをアップロードする
 

③ソースコードを入力する

HTML5の構文チェック:ソースコードを入力する
 
 
オプションとして、
Show Image Report,Show Source
が選択できるようになっています。

  • Show Image Report → 検証結果に使用されている画像を表示
  • Show Source → 検証結果にソースを表示

全て入力/選択し終えたら「Validate」をクリックして検証開始です。
 

検証結果

試しに、HTML5で組まれたこちらサイトでチェックしてみました。
Joel Jenkins – Personal Portfolio ~ Web UI Design & Photography
緑色の枠で囲まれた文章がでればOKです。

HTML5の構文チェック:検証結果
 
 
続いて、こちらのサイトでも試してみました。
Web Design, SEO, Web Development, Online Marketing | Zoocha
赤枠が出た場合は、記述が正しくありません。
間違っている箇所の行数を参考に修正をしましょう。

HTML5の構文チェック:検証結果
 
 
HTML5の構文チェックに是非ご活用くださいませ。
Validator.nu (X)HTML5 Validator

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">

トラックバックURL

この記事のトラックバック URL