HTMLを採点し一部修正
この日記のHTMLをAnother HTML-lint gatewayでチェックした。文章や挿絵が主体の単純なページ。エラーは少ないと予想した。結果は60個のエラー、HTMLは72点で「ふつうです」とのこと。エラー多いな。汗
エラーの2/3はページ上部のTable周り。これははてな側で用意されるので、手の加えようがない。ただ、減点対象外のごく軽度のエラーだった。主な減点対象は次の通り。
- `&xx;` は不明な実体参照です。
- リンク先のURLに「&」がある箇所だった。「不明な実体参照」となるエラー。「&」を「&」と修正するが効果なし。
- NN行目の <PRE> 内にはタブを書かないようにしましょう。
- CSSのプロパティをpreで表現した際、タブの箇所がエラー。初耳だったので気をつけねば。修正した。
- <A> のアンカー名 `XXXX` は NN行目にもありました。
- 見出し、コメントを書く、トラックバックで同じアンカー名が繰り返しあってエラー。はてなで自動的に付けられる部分。ただ見出しのアンカー名は指定できるので修正した。重複しないアンカー名を付け続けられるか多少不安。
トラックバックは利用方法が分からないので非表示にした。
- 見出し、コメントを書く、トラックバックで同じアンカー名が繰り返しあってエラー。はてなで自動的に付けられる部分。ただ見出しのアンカー名は指定できるので修正した。重複しないアンカー名を付け続けられるか多少不安。
この修正で、46個のエラー、HTMLは90点、「よくできました」に変わった。
はてなダイアリー(他のブログも)は自動的にHTMLが記述される部分がある。書き手の負担を減らしてくれるが、書き覚えのないHTMLに驚く事もある。たまにHTMLをチェックすると良さそう。手を加えられない部分もある。エラーを気にしすぎないのも大事かな。