異なるブラウザにはタグとスタイルシートの解釈が異なるため、HTMLファイルの標準ドキュメントタイプを定義して、異なるブラウザが統一されたHTML標準に従ってページを解析およびレンダリングできるようにする必要があります。
！Doctypeは、指定されたドキュメントが準拠していることをDTDに宣言します。
<！doctype html public - // w3c // dtd html 4.0 transitional // en http://www.w3.org/tr/html4/loose.dtd>
<！doctype html public - // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
標準のHTMLタグを正しく使用する場合は、Div+CSSレイアウトを使用してみてください。テーブルレイアウトは使用しません。
レイアウトにテーブルを使用すると、コードの冗長性を簡単に引き起こす可能性があり、<div> </div>執筆と比較すると、多くのコードがあります。さらに、テーブルはすべての要素をダウンロードして表示する必要があり、対応するWebページも開くのが遅いです。
標準化されたページ構造を使用する必要があります：Div+CSS。このレイアウト方法は、コード、高速ページの閲覧速度、柔軟なページレイアウトで簡単です。改訂するときは、プログラムを変更せずにページリレーを実現するためにCSSスタイルを変更するだけで、ウェブサイトの改訂のコストが削減されます。
特にフォームタグのDivなどの他のタグをネストする場合は、タグの閉鎖関係に注意してください。ページに余分な空白がある場合がありますが、マージンがリセットされても避けることはできません。現時点では、ページ要素ラベルが閉じられており、次のようなペアリングはありません。
<div class = outer>
<form name = testform>
<div class = inner>
<入力名= title type = text />
</form>
</div>
</div>
テーブルを定義するときにTbody要素を使用して、IEを含むすべてのブラウザを正しく使用できることを確認するテーブルが定義されたTBODY要素を表示しない場合でも、ブラウザはTRノードの親ノードが自動的に追加されたデフォルトのTbodyノードであると考えます。 JavaScriptを使用してTRノードを操作する際の誤解の可能性を回避するために、次のような手動で追加する方が良いです。
<表ID = myTable>
<tbody id = myTableBody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
ラベルと属性の場合に注意してください要素に結合したいくつかのイベントは、IEブラウザで応答しますが、Safariやその他のブラウザでは反応しません。現時点では、イベントバインディング方法の正しさを確認する必要があります。高度なイベントのバインディングは、2セットのJavaScriptを記述するためにIEや他のブラウザとは異なる必要がありますが、単純なイベントモデルでは、バインディングイベント名のケースに注意を払う必要があります。のように：
<入力型=テキスト名= keywordsearch onfocus = clearvalue（）>
ここでは小文字のオンフォーカスを使用する必要があり、標準の執筆方法は表示されるタグ閉鎖シンボルを追加します。
<入力型=テキスト名= keywordsearch onfocus = clearvalue（） />
ラベルのプロパティ値設定に注意してください<script>タグの言語とタイプのプロパティ
<script>タグの言語属性は、スクリプト言語バージョンを定義するために使用されます。正しい割り当ては、<script>のように、バージョン1.2のJavaScript構文を使用して説明するようにブラウザ（主にIE）に指示する必要があります。タイプ属性は、スクリプトタイプを定義するために使用されます。これはW3Cの標準属性であり、低ケース属性を使用することは標準に沿った標準的な慣行です。ブラウザにJavaScript言語の下位バージョンで説明するように指示する必要がない場合（ほとんどのブラウザでサポートされている現在のJavaScriptバージョンは1.5）、通常、言語属性を定義する必要はありませんが、型属性を定義する必要があります。したがって、コードはそうあるべきです
<スクリプト言語= javascript> <script>への変更<a>タグのaltおよびタイトル属性IEのマウスにホバリングするとき、ALTとタイトルの2つの属性の値はツールチップの形で表示されますが、2つの間にはまだ違いがあります。 ALTは、画像が表示されない場合の代替ディスプレイであり、マウスが配置されている場合のタイトルはプロンプトです。
<inupt>タグの[checked and readonlyプロパティ）HTMLの以前のバージョンでは、すべての属性に値を割り当てる必要があることは必須ではありませんでした。チェックボックスを表す場合、<入力チェック>の書き込み方法が認識されます。ただし、XHTML標準によると、このような文法は厳密なXML形式ではありません。 HTML標準の開発動向に準拠するために、属性の割り当てとタグの閉鎖に注意してください。次のように書かれています：
<入力チェック= checked /> <入力readonly = readonly /> <option>タグのSelect edプロパティ前の記事と同じ理由で、<select>オプションの<option>タグの選択されたプロパティには、値も割り当てられている必要があります。
<オプションselected = selected />
<img>タグのalign = absmiddle属性XHTML規格によれば、HTMLタグはスタイルコントロールではなくコンテンツ表現に焦点を当てる必要があり、調整するためにスタイルをCSSに任せる必要があります。したがって、<em>タグや<i>タグなどの古いタグと属性が破棄されましたが、斜体の漢字を斜体に表示しますが、<i>タグはスタイルにちなんで名付けられ、すでに放棄された標準であり、強調の意味を表す<em>タグに置き換えられます。同様に、<img>タグのAlign = absmiddle属性は、画像が垂直に中心にされ、隣接するテキストと整列していることを示します。これは、スタイルを表す属性でもあります。この属性の代わりにCSSを使用して、2つのスタイルコントロールの相互の影響を避けるために、画像のアライメントスタイルを制御する必要があります。
<iframe>タグのフレームボーダープロパティIFRAMEを使用する場合、IEで境界= 0を設定してiFrameの境界を表示することはできませんが、標準の制御フレームウィンドウの境界属性はフレームボーダーです。フレームボーダー= 0を設定して、外の他のブラウザのフレームの境界を隠す必要があります。
<iframe frameborder = 0 />
<table>タグのセルパディングプロパティこの属性は、<IMG>タグのAlign属性と同様に、コンテンツとコントロールスタイルを表すためのHTMLの責任を克服する属性でもあります。ユニット間のスペースを指定します。実用的な観点からは、CellPaddingを指定するのではなく、CSSを使用して細胞の内側の縁を制御することが最善です。
<td>タグのNowrap属性Nowrapは、コンテンツが自動的にラップされないことを示す属性ですが、上記の属性と同様に、これはスタイルを制御する属性です。 HTML 4.01では、<TD>タグのBGColor、高さ、幅、およびNowrapは好まれていません。 XHTML 1.0 Strict DTDでは、<TD>タグのBGColor、高さ、幅、およびNowrapはサポートされていません。