- Cha’s Bar 2.0 - http://www.nakui.biz -

より厳しい XHTML チェック

Posted By Cha On 2007年05月29日 @ 9:04 am In ウェブプログラミング | No Comments

本サイトでは、ウェブ標準に拘って、XHTML + CSS をできるだけ正確に表記したいと考えているのですが、取り急ぎ W3C が提供している[1] 「W3C Markup Validation Service 」において “Valid XHTML Traditional” を目指しています。

しかし、一度クリアすると更なる上を目指したくなり、ウェブサイトを運営されている方なら誰でも！？ご存知の[2] 「Another HTML-lint gateway」での採点を実施したくなりました。

XHTML をチェックすることでは、最も厳格なものである、と個人的には信じていますが・・・そして早速採点すると、下記のような評価で得点は 85 点！Line とは、ページの XHTML の Line を示しているので無視するとしても結構ありますね～修正すべき行が・・・

  1. line 0: (文書の先頭に BOM が含まれています。)
  2. [3] 【解決策】line 1: XHTML1.0 では XML宣言をすることが強く求められています。
  3. [4] 【解決策】line 2: <html> には lang 属性を指定するようにしましょう。
  4. [4] 【解決策】line 2: <html> には xml:lang 属性を指定するようにしましょう。
  5. [4] 【解決策】line 19: (<head>〜</head> 内に <link rev=”made” href=”mailto:〜” /> が含まれていません。)
  6. [4] 【解決策】line 19: (<head>〜</head> 内に <link rel=”next” href=”〜” /> などのナヴィゲーション用のリンクが含まれていません。)
  7. 【解決】line 127: <form> には name 属性と id 属性の両方を指定するようにしましょう。【解決策は、name 属性を挿入するだけですが、属性は id 属性と同一である必要があります】
  8. [5] 【解決策】line 136: <div> と </div> の間が空です。
  9. line 174: (<td> と </td> の間に空白文字しか含まれていません。)
  10. line 175: (<td> と </td> の間に空白文字しか含まれていません。)
  11. line 176: (<td> と </td> の間に空白文字しか含まれていません。)
  12. line 182: (<td> と </td> の間に空白文字しか含まれていません。)
  13. line 195: (<td> と </td> の間に空白文字しか含まれていません。)
  14. line 204: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。)
  15. [5] 【解決策】line 219: <div> と </div> の間が空です。
  16. line 249: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。)
  17. [5] 【解決策】line 298: <div> と </div> の間が空です。
  18. line 322: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。)
  19. [5] 【解決策】line 341: <div> と </div> の間が空です。
  20. 【解決】line 348: <a> の href 属性の URI に不明のスキーム名 `feed` が指定されています。【解決策は、単純に feed を削除するだけ】
  21. 【解決】line 348: 空要素タグ <br> を閉じるときは `/>` に空白を先行させましょう。【解決策は、単純に指示に従うだけ】
  22. 【解決】line 350: <a> の href 属性の URI に不明のスキーム名 `feed` が指定されています。【解決策は、単純に feed を削除するだけ】
  23. 【解決】line 350: 空要素タグ <img> を閉じるときは `/>` に空白を先行させましょう。【解決策は、単純に指示に従うだけ】
  24. 【解決】line 350: (<img> には width と height 属性を指定するようにしましょう。) 【解決策は、単純に指示に従うだけ】
  25. 【解決】line 350: 空要素タグ <img> を閉じるときは `/>` に空白を先行させましょう。【解決策は、単純に指示に従うだけ】

上記の問題では、減点されない項目もありますが、一つずつ潰していきたいと思っています。ただ、上記の第 20 項から 25 項は、単純なミスですので即刻修正しました。

Article printed from Cha’s Bar 2.0: http://www.nakui.biz

URL to article: http://www.nakui.biz/index.php/2007/05/29/26

URLs in this post:
[1] 「W3C Markup Validation Service 」: http://validator.w3.org/
[2] 「Another HTML-lint gateway」: http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
[3] 【解決策】: http://www.nakui.biz/index.php/2007/05/29/27
[4] 【解決策】: http://www.nakui.biz/index.php/2007/05/29/28
[5] 【解決策】: http://www.nakui.biz/index.php/2007/06/06/32

Copyright © 2006-2008 Cha's Bar 2.0. All rights reserved.