HTMLチェッカー

HTMLチェッカーはその名の通りに、HTMLの構文で間違いがないかを探してくれるツールです。チェッカーは色々とありますが、今回はChormeの拡張機能を使用したものをご紹介します。

※ブラウザでChromeを使用して、下記手順を行ってください。

インストール

1. 下記ボタンを押して「Chromeウェブストア」にアクセスします。
   Chromeウェブストア
2. 「Chromeウェブストア」が表示されます。
   

   「Chromeウェブストア」が表示されます。

3. 「html checker」と検索窓に入力し、「HTMLエラーチェッカー」を選択します。
   

   「html checker」と左側にある検索窓に入力し、右側に表示された検索結果から、「HTMLエラーチェッカー」を選択します。

4. 「Chromeに追加」を押します。
   

   「Chromeに追加」を押します。

5. 「拡張機能を追加」を押します。
   

   「拡張機能を追加」を押します。

6. 追加されましたとメッセージが表示されたら、インストール完了です。
   

   追加されましたとメッセージが表示されたら、インストール完了です。

7. 右上のマークを押します。
   

   ブラウザの右上にある拡張機能に常に表示すると使いやすいので、表示するように設定します。右上のマークを押します。

8. 表示された画面でピンマークを押します。
   

   表示された画面で「HTMLエラーチェッカー」の横にあるピンマークを押します。ピンマークを押すと、マークが青色になります。

9. ブラウザの右上にHTMLエラーチェッカーが表示されるようになりました。
   

   ブラウザの右上にHTMLエラーチェッカーが表示されるようになりました。

使い方

1. アイコンを押すとチェック結果が表示されます。
   

   アイコンを押すとチェック結果が表示されます。 何か問題がある場合は、問題箇所がどこなのか表示されます。