技術資料らしきものHTMLHTML-lint 文法チェックの採点について

定番?のエラーについてメモ。

XHTMLについてチェックをした時に出るエラーについて考察。

点数が全てじゃないことは分かっているのですが、ぼちぼち気になるよね、ってことで。


Another HTML-lint gateway

ありがたやありがたや〜
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html

XHTML1.0 では XML宣言をすることが強く求められています。

出ました。定番エラーです。
エラーを無くす為の回避方法自体は簡単です。
1行目に、

<?xml version="1.0" encoding="UTF-8"?>

を入れればOKOKです。(encodingの中は文字コードに合わせて変更)
ただし、IE6.0は、DOCTYPEより前にコードを書く(この場合、xml宣言をする)と、後方互換モードで表示されてしまうというバグ?があり、思った通りに表示されなくなってしまいます。

なので、点数が下がってしまいますが、IE6のシェアが鬼のように(?)下がるまでは、xml宣言を入れないか、HTML4.01で記述する、という流れになるかなーと思います。

XHTML1.0 では XML宣言中に encoding 指定をしましょう。

これも、上記xml宣言の中にあるencoding指定で解決です。が、同様の問題をはらんでおります。
にんともかんとも。。。

その他、ありがち(?)なエラーをつらつらと。

<div>と</div>の間が空です。

うるせーこのやろー!
解決法:中に何か入れるべし!

<img> には alt 属性が必要です。

いやぁ、ごもっともです。
解決法:altを入れましょう!

<html> には xmlns 属性が必要です。

<html> には lang 属性を指定するようにしましょう。

<html> には xml:lang 属性を指定するようにしましょう。

おぢさんよくわかんなーい。
解決法: <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">

<a> には name 属性と id 属性の両方を指定するようにしましょう。

アンカー名の指定は、今後はid属性推奨ということですね。
解決法:nameとid両方指定しましょう!

<a> の id 属性の値 `hoge` は xx行目ですでに使われています。

idはだぶっちゃダメ!固有の値を振りましょう。
街中で「まゆみ〜」なんて呼んだら何人も振り返る、とか嫌じゃないですか。(ありえるけど)
ベッドの中で間違えて昔の彼女の名前とかで呼んじゃったら嫌じゃないですか。(これは関係無い)
解決法:上記理由につき、固有の値を振りましょう。

onclick 属性を使うときは <head>〜</head> 内に <meta http-equiv="content-script-type" content="〜" /> を指定しなければなりません。

だそうです。
これはもう、そういうもんだと思って割り切りましょう。
時には割り切ったお付き合いが重要です。精神的負担が軽くなります。意味不明。
解決法: <meta http-equiv="content-script-type" content="text/javascript" />とか書く。

 

他に、何か思いついたら追記します。

HTML関連リンク

サイト

Binbo-Special > 技術情報らしきもの > HTML
当サイトです。

書籍

PHP×携帯サイト デベロッパーズバイブル
携帯サイト開発系の数少ない書籍
携帯サイト制作 WEBデザインの新しいルール
携帯サイト制作・デザイン系に触れた数少ない書籍
Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト
いわば定番的な書籍。リファレンスではないが、読んで為になる本ということで。
HTML/XHTML&スタイルシートレッスンブック
CSSで組みたい人へ。

2008/05/29

▲一番上へ