HTML

HTML5の構文とアウトラインをチェックしてくれるツール

話題のHTML5で作られたWebサイトをチェックしてくれる便利なツールを使ってみました。今後もHTML5で作る機会が増えそうなのでこのツールを使いながらチェックしていきたいと思います。

[ads_center]

構文のチェック

使い方は、「Address」と書いてあるボックスにチェックしたいURLを入れて「Validate」をクリックするだけです。画像やソースも一緒に表示させたい場合は「Show Image Report」と「Show Source」にチェックを入れます。Validator.nu (X)HTML5 Validator

Validator.nu (X)HTML5 Validator

アウトラインチェック

アウトラインのチェックツールは2つありました。個人的にはGoogle Chromeのアドオンの方がその場にいながらワンクリックでチェックできるので楽かなと。

HTML5 Outliner (Google Chrome)

インストールするとURL欄にアウトラインをチェックするボタンが追加されます。(HTML5で作られたサイトでないとボタンが表示されない)google-chrome-html5-Outliner-20110905こんな感じでサクッとチェックできます。

HTML5 Outliner

HTML 5 Outliner

こちらもアウトラインをチェックできます。画面いっぱいにアウトラインが表示されるのが特徴です。

HTML 5 Outliner

関連記事

  1. HTML

    HTML5で使う機会が案外ありそうな要素など色々

    何気に結構使いそうな感じだったのでメモがてら残しておきます。HTML5…

  2. HTML

    HTML5でのemとstrongとi/b要素の違いを書いてみた

    先日HTML5で使う機会が案外ありそうな要素など色々という記事を書いた…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Anker PowerCore Lite 20000
  2. ネクスタイム
  3. フォールドオーバーポーチ
  4. 田沢湖
  5. ハクバ シリコンクロス

Instagram始めました

Facebookページ

アーカイブ

PAGE TOP