HTML文書の文法チェックはそこまで信用したらいいですか？

質問

http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html

ここのHTML文法チェック、採点をよく参考にしているのですが、
どこまで参考にしたらいいのでしょうか？
ブラウザできちんと表示されていても
重要度が高いものは参考にして別のものに代えたりしているのですが
この中にも本当は正しいのにだめだという判定があったりするのでしょうか？
またこれで結果があまりよくなかったからといって、
そこまで必死になって、一生懸命になってまで直さなくてもよいのでしょうか？

回答No.6

MAN_MA_RUI · ベストアンサー

私はHTMLだけなるべく100点を目指してCSSはIE,Firefox 2.0,Netscape 7.1,Operaで正常表示されればそれでいいと思っています。
アドレスを指定したページがSafariでどう表示されるかというスクリーンショットを提示してくれるサイトも参考にしてますね。
CSSはW3C非準拠でも複数の環境で正常に表示できれば問題ないと考えます。
Netscape 7.1なんてソフトウェアのサポートが打ち切られているからユーザーに推奨することは明らかに好ましくないのですが、私はただ単に物好きでサポートを試みています。
バグのある古いブラウザで正しく表示できれば最近のブラウザではまず問題がないと思いますので。

あ、でもHTML-lintの軽度のエラーは適宜無視していますね。例えばimgにwidthとheightを指定しろと言うやつとか。
http://openlab.ring.gr.jp/k16/htmllint/explain.html#img-size
同じサイズの画像が並んでいる場合やページの途中にラベルを使ってリンクする場合は幅を指定しますが、
サイズのばらばらな画像がたくさんあって別にページの途中にもラベルで移動する必要がない場合は無視します。

独自拡張の類も害のない範囲で使います。ま、ほとんど趣味ですね。

実際このサイトも文法チェックにかけてみると軽度のエラーは結構出ていますのであまり神経質になる必要はないかと思います。
W3CのValidatorでエラーが出ず、尚且つ対処可能な範囲でAnothor HTML-lintのエラーを回避すれば十分でしょう。

ちなみに#2の参考リンク４つ目はTOPでCookie使うなとかJavaScriptでお気に入り追加するなとかありますけど、こういうものは何を使うかよりもどういう風に使うかが問題だということを意識したほうがいいと思います。
書いてあることは参考になると思いますが、鵜呑みにするとまずい気がします。重要なのは使う技よりも使い方です。

回答No.7

神崎 渉瑠（@taloo）

W3Cのチェッカーでエラーがないことを基準にしています。
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

XHTMLでXML宣言を記述するとIE6では後方互換モードとして表示されるため、私はXML宣言は書いていません。
そのため、XHTMLで書いたページでAnothor HTML-lintでは100点が出ることはありません。

正しいのにダメと言うことはありませんが、
省略しても良い物を省略しては行けないように誤解を招く書き方や、
ブラウザの実装の関係で文法どおりに行うことは出来ない、または難しい、
ブラウザの実装上、Anothor HTML-lintの通りに書いても意味はない、というのはあると思います。

フレームを使うとtarget属性を使うことになりますが、全部減点されますしね。
（必要があればLynxというブラウザで見やすさを確認しています）

参考URLは英語ですが、翻訳サイトを通じて読んでみてください。
（３つ目のチップスは面白いと思います）
何ごともやりすぎると、くどいだけですし、「やるな」と書かれていることでも、やらなければわかりにくいのであれば、「適切にやる」を目指す方がいいと思います。
（句点が多いのはわざとです。ひらがなばかりでつけないとわかりにくいのです（笑））

参考URL：

http://www.htmlhelp.com/tools/,http://www.w3.org/QA/,http://www.w3.org/QA/Tips/,http://www.w3.org/TR/WCAG10-HTML-TECHS/

回答No.5

Rusica

>この中にも本当は正しいのにだめだという判定があったりするのでしょうか？
ありません。よくない表記、間違った記述を行っているから
指摘されて減点されるのです。
表示出来ればそれでいいという考え方は好ましくありません。

ただ、減点されない警告についてはそこまで気にする必要はないと思います。

回答No.4

Oh-Orange

★面白いサイトですね。
・私のホームページのアドレスで今、試しました。
　『113個のエラーがありました。このHTMLは 11点です。』
　『タグが 32種類 297組使われています。文字コードは Shift JIS のようです。』
　と出ました。→ショック！
・HTMLの勉強になる部分と、ちょっとうるさいほどの警告が出ますね。
　『<A> の TARGET の属性値 `_blank` は引用符で囲んだ方が安全です』と出ますが、
　『_blank』なしを意識して記述していますしね。どうなんでしょう。文法評価。

私の結論:
・参考にはなりますが、ここで 100 点をとっても実際のブラウザで全て正常に表示されるか
　分かりませんよ。結果論になりますが、使っているブラウザ(複数)で正常に表示されれば
　実用になるため採点は気にしない方が良いと思います。→でもHTMLの文法の参考にはなる。
・以上。おわり。

回答No.3

noname#56851

私も悩んでいます、フリースペースを借りてホームページを作る時、相手が勝手にバナーとか付けますよね、あれがエラーだらけで、ファイルが自分のPCに有る時は良くできました、だったのが、頑張りましょう、に成ってしまうとがっかりします。

でも出来る限り、綺麗なファイルにしておきたいなとは思っています。
あとは、IEとFirefoxで確認して、まあいいや、と思うことにしています。

回答No.2

dezimac

明らかにおかしい（重要度が高い）と指摘されている部分は直した方がいいでしょう。
けど、軽微なのは無理に直さなくても。（余裕があれば直すにこしたことはないけど）
自分は
・宗教的なチェック
・WAI Content Accessibility Guidelines に示されている軽度のチェック
を無効にして検査しています。

Another HTML-lintのページからもリンクはってありますが、100点を採ればいいってわけでもありません。
http://homepage1.nifty.com/VET06031/web/lint100.html
あくまで文法上のミスを指摘するだけです。

HTMLは問題ないけど、CSSに問題があったり。
文法上は正しくても、ブラウザによっては表示が崩れて読みにくくなったりしたら意味ありません。
まずは、点数よりも出来るだけ多くの環境で見れるように配慮した方がいいでしょう。

文法も重要ですが、アクセシビリティをより重視した方がいいですよ。
http://jp.fujitsu.com/about/design/ud/assistance/

最低限でも、IEとFirefoxで確認を。
プラグインやCSSを無効にしても見れるかとか。
できれば、Lynxやw3mといったテキストブラウザでも見てみるといいです。

それと、実際にチェックかけてみれば判りますが、実在するページで100点採れるのは極僅かです。公共機関や大手企業のサイトなんかでもマイナスはざらにあります。

・W3C CSS 検証サービス
http://jigsaw.w3.org/css-validator/
・富士通アクセシビリティ・アシスタンス
http://jp.fujitsu.com/about/design/ud/assistance/
・やってはいけない!!　ホームページの掟
http://www2.plala.or.jp/Cool/okite/
・訪問者に優しいWebサイト作り
http://www.mars.dti.ne.jp/~fuming/index.html

回答No.1

suzukikun

お仕事なのか趣味なのかわかりませんが、ある程度で良いんじゃないんでしょうか？
できればいろいろなブラウザで見て意図通りになっているかを確認するのも良いかと思います。
特にIEできれいに見えていてもFirefoxとか、Operaでは崩れて見えるというのは良くありますので、なるべくブラウザ依存にならないようにすると良いのかと思います。