HTML5 doctypeがIE9を互換モードにしていますか?


101

IE9にIE9標準でページをロードさせようとしています...

<!DOCTYPE HTML>はいまいましいことを奇妙なモードに入れたことに気づきました...これはページ上のすべてをかなり壊します...

IEをIE9標準に準拠させるにはどうすればよいですか?


1
@EricLaw-えっ?私はフォローしません...
Abhishek '30 / 06/30

この問題を再現するページのURLは何ですか。
EricLaw

私が使用している内部テストページ...しかし、nvm、@ David_Wickはすでに質問に回答しています... :-)
Abhishek

回答:


134

配置:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<head>タグそれを行う必要があります。


1
うん、それはトリックをした...私にこれについて少し説明してもらえますか?
アビシェーク

8
@Abhishek:HTML5でメタ要素を明示的に閉じる必要はありません(これまで、古いHTML仕様に反して閉じると、実際には無効になります)。
reisio 2012年

4
@reisio-履歴を見ると、元々は閉じ括弧(>)を省略していたことがわかります。
Shauna

最初または唯一のメタタグである必要がありますか?それはそこにあり、まだデフォルトで互換モードになっているからです。
DeadlyChambers 2014年

2
このメタタグを<head>タグの直後に配置しても機能する一方で、<head>の下部に配置しても機能しない可能性があることがわかりました。おそらく他のコンテンツが干渉しているためです。
Paolo Mioni 2014

63

DOCTYPE宣言の前にHTMLコメントがないことを確認してください。そうしないと、IE9がトリガーされて互換モードが使用されます。

ただ、持っ<!DOCTYPE html>て前に何もないページの最上部には、IE9の使用標準モードを作るのに十分でなければなりません。メタタグも必要ありません。


1
@frumbert:ケースにはdoctype宣言の前にコメントがあるため、違います。
reisio 2012年

これらはhtmlコメントとして扱われないことを除いて、それらはIE(any)がdomの一部として解釈しない条件付きコメントですが、htmlコメント(角括弧が含まれていないもの)はdomとして扱われるため、空白文字の背後にあります。ケース、ieのバージョン、および使用されているdoctypeによって異なります。
フルンベルト

2
いいえ、そうではありません、zuallauzはコメントを述べ、あなたの例にはコメントがあります(コメントが標準のHTMLであるかどうか、またはIEだけが望むように解釈するかどうかは関係ありません)。
reisio 2012年


4

サポートされていないコメントを削除し、サポートされているコメントを確認します。そしてあなたの頭のタグに置きます。文書型宣言は、HTMLの最初の行である必要があります。


0

私はすべてのページで言及されている頭の中で持っています。ただし、他のすべてのページのホームページでは正しく表示されているだけで、ページは引き続き散乱モードでレンダリングされます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.