この記事は、Web サイトを更新および調整するときに W3C XHTML1.0 検証を実行したときのネットユーザーの体験談です。
W3C XHTML1.0 標準に合格する際に注意する必要がある 9 つの問題を要約します。
1. ステートメント <div class=tzh>I am TZH!</div> の誤りは何ですか?
句読点の問題。実際、これは最も見落とされやすい問題です。実際、このエラーは 2 つの小さな引用符によって引き起こされます。ただし、多くのブラウザは引用符なしでもレンダリングを正しく認識します。ただし、厳密な W3C XHTML 国際標準に合格することは不可能です。等号の後には引用符を付ける必要があることに注意してください。正しい書き方: <div class="tzh">I am TZH!</div>
2. <SPAN class="tzh">TZH is me!</SPAN> という文の間違いは何ですか?
大文字と小文字の区別に注意してください。これは、最初の質問と同様、特に見落とされやすい詳細な問題です。 W3C 標準では大文字は絶対に禁止されています。私が JavaScript コードをテストしていたときに、自分でわかるように書いた onLoad もエラーと判断されたことを今でも覚えています。その理由は、L が使用できないためです。大文字。正しい書き方: <span class="tzh">TZH は私です!</span>
3. 文内では <p>私は TZH です!</p><br><p>TZH は私です!</p>間違っていますか？
<br />タグの問題。強制改行タグ <br /> については、FCKeditor エディターでも <br> が時々ポップアップして <br /> として機能することがあります。 。ただし、多くのブラウザはエラーを自動的に修正し、<br> を <br /> として認識します。ただし、Ctrl+Enter キーを押すと、Dreamweaver を使用して編集することをお勧めします。<br /> は自動的に書き込まれます。正しい書き方: <p>I am TZH!</p><br /><p>TZH is me!</p>
4. <h1>~tangzhehao~hey~</h1> の間違いは何ですか?この文は？
タグの末尾に続く句読点に注意してください。多くのタグの後には、「~」チルダなどの特殊な句読点を続けることはできませんが、どのように使用すればよいのでしょうか。次に、ISO Latin-1 文字セットを使用します。ここで、「~」チルダ記号に対応する文字セットの 10 進コード (~) を見つけ、この 10 進コードを使用して ~ チルダ記号を置き換えます。最後のセミコロンを覚えておいてください。失われることはありません。 ISO Latin-1 文字セットでは、名前付きエンティティが優先され、次に 10 進コードが続きます。つまり、シンボルに 10 進コードと名前付きエンティティの両方がある場合、名前付きエンティティが優先されます。使用されていません。
5. 文 <form id="54tzh"></form> の間違いは何ですか?
id と class の特殊なケースに注意してください。 W3C XHTML1.0 標準では、id または class の最初の文字は数字であってはならず、文字でなければならないと規定しています。正しい書き方: <form id="tzh45"></form>
6. 文 <img src="logo.gif"> の間違いは何ですか?
<img>タグに注目してください。 W3C XHTML1.0 標準では、<img> タグ内に alt 要素を含める必要があると規定されています。正しい書き方: <img alt="ロゴ" src="logo.gif">
7. <script language="JavaScript"> のエラーは何ですか?
<script> タグに注目してください。 W3C XHTML1.0 標準では、<img> タグ内に type 要素を含める必要があると規定されています。正しい書き方: <script language="JavaScript" type=text/javascript>
8. <div><h1>I am TZH!</div></h1> という文の間違いは何ですか?
対応するタグの開始順序と終了順序に注意してください。正しい書き方: <div><h1>私は TZH です!</h1></div>
9. 上記に加えて、他にどのような点に注意する必要がありますか?
特別なパッケージに注意してください。例: <dl><dd><ul><li> およびその他の特別なタグは、設定されたシーケンスに不可欠です。 4 つのタグ <dl><dd><ul><li> は完全に順番に記述する必要があります。似たようなものがたくさんあります。
タブが開いていないことに注意してください。いわゆる「オープンではありません」は、W3C の検出に由来します。このタイプのエラーによって表示されるエラーは「オープンではありません」であり、翻訳するとオープンではないことを意味します。中国語の意味に従って理解すると、尾のない始まりがある、または頭のない尾があることを意味します。通常、このエラーの理由は、比較的遠い終了タグまたは開始タグを考慮せずに、変更中にコードの一部が削除されたことです。
W3C CSS 標準に関するいくつかの経験を要約します。
1. バイアスを少なくします。すべてのブラウザが CSS をサポートしているわけではなく、W3C の検出を通過するのが非常に困難であるため、ブレークワード、Z インデックスによる手動レイヤー、垂直方向の配置など、あまり秘密の CSS を使用しないことが最善です。
2. 中心は浮動小数点値ではありません。多くの初心者は、center を float の値と間違えますが、そうではありません。 center は単なる text-align の値です。
3. アライメントに 2 つの値を含めることはできません。多くの初心者は、float または text-align に 2 つの値を入力します (例: float:left top)。これは許可されていないため、ブラウザによって認識されません。
4. スクロール バーの色はカスタマイズしないことをお勧めします。多くのブラウザはカスタム カラーのスクロール バーを適切に認識できず、多くのカスタム カラーは W3C を通過できません。
5. 個別のスクロールバー設定。最近では、overflow-x (水平スクロール バー) または overflow-y (垂直スクロール バー) がよく使用されますが、これを設定すると、すべてのクライアントに影響を与えないことがよくあります。本文に設定するのが最善です。とhtmlも同時に設定されます。ただし、この CSS は CSS2.1 ではサポートされていません (CSS2.1 はオーバーフローをサポートし、水平スクロール バーと垂直スクロール バーを定義します)。この定義方法は CSS3 までサポートされていませんでした。使用量はできるだけ少なくしてください。
6. 背景と色が同じ場合は警告が表示されます。