今一度確認しておきたいHTMLのDOCTYPE宣言
2006年09月02日
カテゴリ:WEB更新関連
テキスト表示に切り替え コメント (0) トラックバック (0) 関連記事
最近になって、当サイトのHTMLタグ辞典の一部ページの閲覧数があがってきています。
そのページというのがHTMLの冒頭に記述するDOCTYPE宣言の記述方法によってページの表示がブラウザによって変わってしまうことを説明したページ。詳しくは↓
ブラウザに用意されている標準準拠モードと後方互換モードに関する内容であります、、、
時期IEバージョン、Internet Explorer7も出ることだし、そろそろこのモードやXHTMLあたりのブラウザの挙動を把握しておきたい感じ。
まず、DOCTYPEはその記述自体で大きくページの表示が変わってしまうにもかかわらず、そのことをご存じでない方が結構多い。先ほどの解説ページにリンクを貼ってくれているブロガーさんの記事を読む限りではありますが…
まぁ初心者の方にホームページを作るなら、DOCTYPEは確実に理解しろ！なんていきなり言うのはちょっとおかしい。ホームページやブログは楽しんで作るものだし、なんか押しつけがましい気がする。はじめに教えるのはやはり色の変え方とか文字の大きさとか…ですよね。
ホームページの作成を手伝ってくれるソフトもこのあたりの宣言が曖昧で、初心者の方はDOCTYPEなんか理解しなくてもホームページは作れてしまうため、後になって気づくケースが多いみたいですね。
ブラウザの標準と互換モードがDOCTYPEが切り替わること、これ自体はそんなに騒ぐことではないけれど、それによって表示が変わってしまう部分がページの重要なパーツに関わっているのがちょっと問題なのかもしれない。
特に現行IEでは、CSSのoverflowプロパティ、ボックスモデルに解釈の間違いがあるし、標準モードと互換モードでフォントサイズによる解釈の違いもある。この点がページの表示に関わってくるため、
「あっなんかFireFoxでみると文字が一回り小さいな…」とか、IE7になったとき
「あれ？段組の右側が下に落ちちゃってる！」
なんていう現象が起こってしまい、ここで初めて気づくことも多いみたいです。
いずれはIE7が標準になっていくこともあるでしょうし、この辺で一度DOCTYPEを理解しておくと、ブラウザが切り替わっても冷静に対処できると思います。ちなみにIE7ではCSSのバグがおおかた修正される方向になるようですね。
さて、前置きが長くなりましたが、DOCTYPE宣言と標準、互換モードについては、先のページを見れば分かると思いますが、少々補足なんぞを。
そろそろHTMLもXHTML記述にシフトしていくでしょうし、最新のブログシステム（CMS）なんかは、すでにXHTMLになっていたりしますので、XHTMLについて補足。
現行のIE6では、XHTMLのDOCTYPE宣言において、W3C的にはOK、つまり正しく書いていても、互換モードになってしまうケースがあります。
それは以下の書き方。
<?xml version="1.0" encoding="…"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML1.0、1.1に関わらず、またStrict、Tranditionalに関わらず、DOCTYPE宣言の前に
<?xml version="1.0" encoding="…"?>
を書いてしまうと、IEでは互換モードになってしまうようです。
本来これは正しい表記では省略できないはずなんですが、現行IEでは互換モードになってしまいますという話。
ちなみにIEは省略すると標準モードになります。その他のブラウザでは省略の有無にかかわらず標準モード。恐るべしIE&Microsoft！（笑）
このような問題から、一部のブログでは、<?xml version="1.0" encoding="…"?>を省略してあるものも見受けられます。例えば、ライブドアブログとか。
現状でXHTMLで標準モードに合わせたデザインを行うには、この一文を省略して書く方が良いですね。
ただ、IE7ではこの問題は解決される可能性があるので、現行IE6＋他ブラウザでOKでも、IE7になると、IE7だけ互換モードになってしまうかもしれないと思うと、また面倒くさいことに…
ただ、、これはDreamweaverあたりを使ってタグの一括置換をすれば、割とサクッといけるのも事実。
XHTMLに移項するタイミングは、わりとホームページの作り手の気分次第なのかも。（笑）
ちなみに、自分はまだHTML4.01派。とりあえず様子見で。
投稿時刻:2006年09月02日 15:24 コメント (0) トラックバック (0) [EDIT]
関連記事
- 今一度確認しておきたいHTMLのDOCTYPE宣言
- ブログからのリンクが無視できない時代
- InternetExplorer7はどう変わったの？CSS関連のバグの改善点
- タグ打ちのソフト、何使っていますか？あなたの必須ツールは
- 『CMS=ブログ』という認識を捨て、幅広いCMSの価値を探る
- Yahoo!Japan 掲載までの道のり
- ホームページのお気に入り登録数を知る方法
- アクセス数よりもお気に入りに登録される数を大事にしたい
- WEBデザイナーが求められるもの。
- リンク集にCMS（コンテンツマネジメントシステム）を採用してみた
現在のコメント数 (0)
コメント一覧（最新順）
トラックバック一覧
現在のトラックバック数 (0)
このエントリーへのトラックバックURL
トラックバック一覧
- WEB更新関連 [12]
- なんちゃってSEO [10]
- MovableTypeカスタマイズ [4]
- アクセシビリティ [7]
- 踊る大捜査線ネタ [5]
- 日常の発見！ [5]
- R25を読み解く！ [5]
- アルバイトな裏情報 [1]
- 映画・テレビ [1]
- 今これに熱い！ - 音楽編 [1]
コメント一覧