＜！DOCTYPE はどうする

DOCTYPE の指定はどうすればいいのだろう・・・

　Below are the results of attempting to parse this document with an SGML parser.
　Error Line 1, column 0: no document type declaration; implying "!DOCTYPE HTML SYSTEM" .
　html lang=ja
　The checked page did not contain a document type ("DOCTYPE") declaration.
　The Validator has tried to validate with a fallback DTD, but this is quite likely to be incorrect and will generate a large number of incorrect error messages.
　It is highly recommended that you insert the proper DOCTYPE declaration in your document -- instructions for doing this are given above -- and it is necessary to have this declaration before the page can be declared to be valid.

私流には、doctype なんて気にする必要はないと考えています。
ブラウザが勝手に解釈してくれればいいと。
でも、W3C のエラーは何とかしたいんです。
それで、すこし調べてみました。


HTML4.01に準拠したページを作成するのであれば、このDOCTYPEの宣言を行う必要があります。
DOCTYPE宣言は、6通りの指定方法があります。
つまり、
Strict、Transitional、Frameset、の３つがそれぞれ URLを含めた指定、含めない指定 に分かれている
のです。
URLを含めるかどうかにより、ブラウザ側の「標準モード」と「互換モード」の 切り替えが行われます


１．
Strict … HTML4.01のルールに厳密かつ正確に従う指定
URLを含めた指定
　　!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
２．
同じく、URLを省いた指定
　　!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
３．
Transitional … Strictより緩やかな指定（フレームは不可）
URLを含めた指定
　　!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
４．
同じく、URLを省いた指定 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
５．
Frameset … Transitionalにフレームを加えた指定
URLを含めた指定
　　!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"
６．
同じく、URLを省いた指定
　　!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"


お試し：スポーツ音声&要素コレクション
スポーツ音声&要素パッケージは、210の音声クリップ、および観客のざわめき、ハイライトプレーなどの333の声とエフェクトクリップが収録された、音楽的な伴奏、喝采、アナウン ･･･

!DOCTYPE を指定するとどうなるのでしょう。
２つのポイントがあります。

１つは、表示モードです。
ブラウザはつぎの2つの表示モードをもっています。
■標準モード
文法を正しく解釈する表示モードで、文法ミスは無視 されます。
■互換モード
４.０１以前の規格と互換性をもち、文法ミスも表示する 努力がなされます。

もう１つは、その表示モードの割り当てです。
指定を厳しい順に並べると
　a) Strict URL指定有り
　b)　　　〃　　　　　無し
　c) Transitional URL指定有り
　d)　　　　　〃　　　　　　　無し
　e) Frameset URL指定有り
　f)　　　　〃　　　　　無し

表示モードは、a)〜c) が標準モード、d)〜f) が互換モードになります。
ただし mac(ie5) では、URL指定があれば標準、無ければ互換になります。

で、私の場合はどうするかっていうと、HTML4.01 で定義されていないイベントで onresize がどうしても諦め切れないんです。
だから、標準モードでは駄目で互換モードになります。
とすると mac の場合も考えて Transitional＋URL無し か Frameset＋URL無し の何れかになります。
どちらを使うかはその時その時ですね。
ただ、ＳＥＯを考えると Transitional＋URL無し を主に使うことになりそうです。

ちなみに、w3c でのイベントは以下の通りです。
onload, onunload, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onfocus, onblur, onkeypress, onkeydown, onkeyup, onsubmit, onreset, onselect, onchange

一方、ie は、Microsoft社のリファレンスで独自イベントとして以下のものを挙げています。
onafterupdate, onbeforeupdate, onhelp, onlosecapture, onpropertychange, onreadystatechange, onresize, onrowenter, onrowexit, onscroll

HTML は、マークアップ言語 SGML の特殊な場合と考えることができます。
XML の文書型定義 DTD は、実は SGML ですでに定められていますが、HTML も SGML の中で DTD によって定義されています。
ただ、HTML はバージョン毎に異なった DTD を持っています。

そこで、Webページでは どのバージョンのHTML を使っているか、 XMLと同じように DOCTYPE によって指定しておくと有用な場合があります。
HTML の規格は
2.0 : 1994年に標準化
3.2 : 1996年の W3C勧告
4.0 : 1997年12月および1998年4月の W3C勧告
4.01 : 1999年12月の W3C勧告
XHTML 1.0 : 2000年1月の W3C勧告

現在、広く通用しているのは HTML4.01 です。
この HTML4.01 の文書型定義が前出の３つです。
　HTML 4.01 Strict DTD
　HTML 4.01 Transitional DTD
　HTML 4.01 Frameset DTD

IE 独自タグ ＜comment＞ 〜 ＜/comment＞
w3c では、＜!-- 〜 --＞

＜bgsound＞ 〜 ＜/bgsound＞
　IE3から追加。object要素で指定する。音楽を再生する。
　IE4で音量関係の属性を追加。
　MediaPlayer（IE5）があるため実際には使われていない。

＜marquee＞ 〜 ＜/marquee＞
　IE3から追加。テキストをスクロールさせる。

＜img dynsrc＞ 〜 ＜/img＞
　img要素のdynsrc属性。IE3から追加。ムービーを表示できる。
　MediaPlayer（IE5）があるため実際には使われていない。
　

NN独自タグ

＜blink＞ 〜 ＜/blink＞
　NN2から追加。テキストを点滅。
　w3c では、CSSの text-decoration:blink を使う。

＜spacer＞ 〜 ＜/spacer＞
　NN3から追加。レイアウトを調整するための空間を作る。
　w3c では、CSSの相対配置などを使う。

＜multicol＞ 〜 ＜/multicol＞
　NN3から追加。要素内容を段組して表示する。
　w3c では、テーブルを使う。

＜layer＞ 〜 ＜/layer＞
　NN4から追加。要素内容を絶対配置のレイヤーとして表示する。

＜ilayer＞ 〜 ＜/ilayer＞
　NN4から追加。要素内容を相対配置のレイヤーとして表示する。
　HTML4.01 Transitionalで定義されているiframe要素が、 NN4以前のもので表示出来なかったための代替機能。

＜nolayer＞ 〜 ＜/nolayer＞
　NN4から追加。layer要素やilayer要素に対応しないブラウザで実行される。
　ただ、layer要素やilayer要素こそ独自要素なので、このタグは殆ど使われない。

要素 / 要素

372525.com（^o^）みんなニコニコ LinkChecker

　このページへのトラックバックは適宜整理させていただきます。練習でも構いませんお気軽にご利用ください。
　トラックバックアドレスhttp://372525.com/seo7.cgi
　このページのアドレスはhttp://372525.com/seo7.htmです。
　画像を使われる場合はこちらを