HTMLエラーチェッカーは超便利!
2024年2月19日

2月の半分が過ぎつつ、だいぶ日にちが経ちますが…
気候も少しずつ上がってきてるようになってきましたね。
体調にはしっかりと管理をしてくださいね。
一日より早く春が来ないかなーって待ち続けていますが…
寒さの季節が早く過ぎ去ってほしいものです。
話を取り戻して…
HTMLエラーチェッカーは超便利!
ある他業者のデザインをこっちに回してくることがたまにあります…
ある業者のデザインを見たらしっかりしていますが…
中身のコーディングを見たらええ加減すぎる!
<div>~<div>…
<div>のタグを何回も繰り返しながらタグを囲んでる…
HTML5宣言のドキュメントを入れてるのに、HTML4の技術のままをそのまま使い続けてる…
<main>や<article>や<section>とかも使えって言いたいぐらいです。
でも、お客様のクレームにより、レイアウトがガタガタ崩れとるっていう苦情が寄せられました。
中身を見て細かくチェックをしてみました。
『タグ抜け…』『閉じタグ忘れ…』
こういう行為のプロとしてはどうなんや?
回避するためにはどうしたらええんか考える努力もなしなんかよってなります。
初心の心に戻って「HTMLエラーチェッカー」の拡張機能(アドオン)をインストールすることをお勧めします。
・Google Chrome
HTMLエラーチェッカー
・Firefox
Html Validator
こまめにチェックすることをお勧めします。
プロという自覚をもって取り組んでくださいね。
ではまた!







初めてご連絡いたします。
ACHNの藤田と申します。
お忙しいところ申し訳ございません。
この度、新たにChrome拡張機能「ACHNタグチェッカー」(無料)を作成しました。
今までのタグチェックでは、POST送信したページで正常に動作しなかったり、
動的にHTMLを読み込んでいるページではうまく動作しないものが多かったと思います。
「ACHNタグチェッカー」ではどれも正常にタグチェックすることができます。
また、HTMLの閉じ忘れがあった場合もHTML中のどのタグペアがエラーとなっているか、
簡単に確認することができます。
(外部へのデータ送信は一切ありません)
まだまだ公開したばかりの駆け出しのソフトではありますが、
ぜひダウンロードしてお試し頂ければ幸いです。
【ACHNタグチェッカー】Chrome拡張機能
https://chromewebstore.google.com/detail/cfgmfkenlkplnnnjijonnepdabdbfidk
[主な機能]
●ブラウザの通信ログを一覧表示してそれぞれのコンテンツの詳細を確認できます。
●コンテンツがHTMLの場合、自動的にHTMLタグチェックを行います。
●正しいペアのHTMLタグは、クリックすると対となるタグへジャンプできます。
●HTMLタグが誤判定される場合、設定で各HTMLタグの判定を追加・変更・削除できます。
●コンテンツがフォントの場合、詳細でフォントチェックを行えます。(自由に文字入力も可)
●通信ログ一覧では、表示するログをURLやコンテンツで絞り込むことができます。
以上となります。
お忙しいところ、ありがとうございました。
ACHN 藤田