DOCTYPE HTML_HTML/Xhtml_webpage 制作を使用する理由

これがないと、ブラウザはページをレンダリングするときに奇妙なモードを使用することになります。各ブラウザがさまざまな要素を奇妙なモードで異なる方法でレンダリングすることがわかります。したがって、次のような doctype を作成します:

コードをコピーします

コードは次のとおりです:

< ;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

幸いなことに、最近のさまざまな Web 開発ツールは、テンプレート コードの挿入をサポートするのに十分強力であるため、この長くて臭い doctype を 1 文字ずつ入力する必要はありません。しかし、それにうんざりしている場合は、これを試してみてください:

コードをコピーします

コードは次のとおりです:

わぁ、とてもシンプルですね！利点は明白です: 1. 間違いを気にせずにこのドキュメントタイプを簡単に作成できます。 2. 1 日の PV が数千万あるサイトでは、約 105 バイトの文字を節約できます。トラフィック; 3. はい、html5 の doctype はこのように記述されており、最新のブラウザーはそれを認識します。

あなたが私と同じで、常に次のように考えているなら、dtd を指定しないとブラウザの奇妙なモードが開きます 、この記述は間違っています。 正しい記述は、doctype が定義されていない場合は奇妙なモードがオンになるということです。つまり、指定せずにブラウザが厳密モード (標準モード) でページをレンダリングできるようにするには、 を定義するだけで済みます。ある種の dtd。すべてのブラウザには、strange モードと strict モード (標準モードとも呼ばれます) の 2 つのモードが必要であることを確認してみましょう。 Windows/Mac 用の IE 6、Mozilla、Safari、Opera はすべてこれら 2 つのモードを実装していますが、IE 6 より前のバージョンは常に奇妙なモードになります。 2 つのモードについて知っておくべきことがいくつかあります:

1. 標準化前に作成されたページには doctype がなかったため、doctype のないページは奇妙なモードでレンダリングされていました。
2. 一方、Web 開発者が追加した doctype が、何をしなければならないかを知っていることを意味する場合、ほとんどの doctype は厳密モード (標準モード) をオンにし、ページは標準に従ってレンダリングされます。
3. 新しいまたは不明な doctype は厳密モード (標準モード) をオンにします。
4. 各ブラウザには、奇妙なモードをアクティブにする独自の方法があります。このリストをご覧ください: http://hsivonen.iki.fi/doctype/

注: 選択した doctype に対してページを検証する必要はまったくありません。doctype タグが存在する限り、厳密モード (標準モード) を有効にするだけで十分です。私の言ったことにまだ疑問がある場合は、http://www.quirksmode.org/css/quirksmode.html#link2 にアクセスして、知りたいことを学んでください。答えを得るには、短い JavaScript コードが必要です。

コードをコピーします

コードは次のとおりです。次のように:

mode=document.compatMode

このコードは、現在のブラウザが変なモードであるか標準モードであるかを判断するために使用できます。この属性の互換性について疑問がある場合は、 http://www. quirksmode.org/dom /w3c_html.html#t11。テストしたいブラウザで http://wanz.im/demo/doctype-test.html にアクセスすると、私の知る限り、これはアクティブ化されていません。 . IE6 でも奇妙なモードですが、何か新しい発見がありましたら、メッセージを残してください。