IT戦記 このページをアンテナに追加 RSSフィード Twitter

2008-08-28

HTML5 の DOCTYPE 宣言って IE6 でも標準モードになるんですね

HTML5 の DOCTYPE 宣言

<!DOCTYPE html>

ですが、今までなんとなく「どーせ IE6 では互換モードなんでしょー」って感じで生きてきたんです。

ごめんなさいごめんなさい><

サンプルコード

確認してみてください

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML5 の DOCTYPE 宣言とレンダリングモードのテスト</title>
    </head>
    <body>
        <h1>HTML5 の DOCTYPE 宣言とレンダリングモードのテスト</h1>
        <dl>
            <dt>CSS1Compat</dt>
            <dd>標準モード</dd>
            <dt>BackCompat</dt>
            <dd>互換モード</dd>
        <dl>
        <script type="text/javascript">alert(document.compatMode)</script>
    </body>
</html>

まとめ

今度から HTML5コーディングすることにしてみます。(当然ブラウザが対応してない nav とか section とかは使いませんが)

参考リンク

vantguardevantguarde 2008/08/28 17:28 IEはよく分からないDOCTYPE(っぽいもの)を何でも標準モードにしちゃいますよね。
http://moourl.com/afp7i
SafariとOperaでも標準モードになります(Firefoxは確か互換モード)。

で、HTML5のDOCTYPEはむしろ、このIEの挙動があったのでああなったという経緯です。
http://annevankesteren.nl/2005/07/html5-doctype

amachangamachang 2008/08/28 18:12 おおお。
なるほど!無知でした!

ありがとうございます!

amachangamachang 2008/08/28 18:13 あ、あと Firefox 3 では、標準モードになっていますね

vantguardevantguarde 2008/08/28 21:52 あら、じゃあ記憶違いかもしれません。失礼しました。

tsujimo1tsujimo1 2010/03/31 20:43 私は最近は section, aside, nav, header, footer 使ってます。HTML5.js 使えば IE6 でも認識するので。

はてなユーザーのみコメントできます。はてなへログインもしくは新規登録をおこなってください。

トラックバック - http://d.hatena.ne.jp/amachang/20080828/1219902321