HTML5 doctype ทำให้ IE9 เข้าสู่โหมดแปลก ๆ ?


101

ฉันกำลังพยายามให้ IE9 โหลดหน้าเว็บด้วยมาตรฐาน IE9 ...

ฉันสังเกตเห็นว่าได้<!DOCTYPE HTML>ทำให้สิ่งที่น่ารังเกียจเข้าสู่โหมดนิสัยใจคอ ... ซึ่งทำให้ทุกอย่างในหน้าแตก ...

ฉันจะทำให้ IE ยึดติดกับมาตรฐาน IE9 ได้อย่างไร


1
@EricLaw - หือ? ฉันไม่ทำตาม ...
Abhishek

URL ของเพจของคุณที่ทำให้เกิดปัญหานี้คืออะไร
EricLaw

มันเป็นหน้าทดสอบภายในที่ฉันใช้ ... แต่ nvm @David_Wick ตอบคำถามแล้ว ... :-)
Abhishek

คำตอบ:


134

การวาง:

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

ใน<head>แท็กควรทำ


1
ใช่นั่นเป็นเคล็ดลับ ... คุณช่วยอธิบายเรื่องนี้ให้ฉันฟังหน่อยได้ไหม
Abhishek

8
@Abhishek: องค์ประกอบเมตาไม่จำเป็นต้องปิดอย่างชัดเจนใน HTML5 (และในอดีตเมื่อเทียบกับข้อกำหนด HTML รุ่นเก่าที่ปิดมันจะไม่ถูกต้อง)
reisio

4
@reisio - ถ้าคุณดูประวัติคุณจะเห็นว่าเขาได้ออกจากวงเล็บปิด ( >)
Shauna

ต้องเป็นเมตาแท็กแรกหรือรายการเดียว? เนื่องจากอยู่ในนั้นและยังคงเป็นค่าเริ่มต้นเป็นโหมดนิสัยใจคอ
DeadlyChambers

2
ฉันพบว่าการวางเมตาแท็กนี้ไว้หลังแท็ก <head> จะใช้งานได้ในขณะที่การวางไว้ที่ด้านล่างของ <head> อาจไม่ทำงานอาจเป็นเพราะเนื้อหาอื่น ๆ รบกวน
Paolo Mioni

63

ตรวจสอบให้แน่ใจว่าคุณไม่มีความคิดเห็น HTML ใด ๆ ก่อนการประกาศ DOCTYPE มิฉะนั้นจะทำให้ IE9 ใช้โหมด quirks

เพียงแค่มี<!DOCTYPE html>ที่ด้านบนสุดของหน้าโดยไม่มีอะไรนำหน้าก็น่าจะเพียงพอที่จะทำให้ IE9 ใช้โหมดมาตรฐานได้ คุณไม่ควรต้องใช้เมตาแท็กด้วย


1
@frumbert: ยกเว้นกรณีนั้นมีความคิดเห็นก่อนการประกาศประเภทหลักดังนั้นไม่
reisio

ยกเว้นว่าสิ่งเหล่านี้ไม่ถือว่าเป็นความคิดเห็น html แต่เป็นความคิดเห็นที่มีเงื่อนไขซึ่ง IE (ใด ๆ ) ไม่ตีความว่าเป็นส่วนหนึ่งของ dom ในขณะที่ความคิดเห็น html (ที่ไม่มีวงเล็บเหลี่ยมอยู่ในนั้น) จะถือว่าเป็น dom ดังนั้นจึงอยู่หลังช่องว่าง ขึ้นอยู่กับกรณีรุ่นของ IE และประเภทที่ใช้
frumbert

2
ไม่ใช่ zuallauz กล่าวความคิดเห็นและตัวอย่างของคุณมีความคิดเห็น (ไม่ว่าจะเป็น HTML มาตรฐานหรือไม่หรือตีความตามที่ IE ต้องการเท่านั้นหรือไม่ก็ไม่เกี่ยวข้อง)
reisio


4

ลบความคิดเห็นที่ไม่รองรับออกตรวจสอบความคิดเห็นที่รองรับเช่น และวางในแท็กหัวของคุณ การประกาศประเภท doc ควรเป็นบรรทัดแรกใน HTML ของคุณ


0

ฉันมีในหัวที่กล่าวถึงในหน้าทั้งหมด อย่างไรก็ตามมันแสดงอย่างถูกต้องสำหรับโฮมเพจสำหรับเพจอื่น ๆ ทั้งหมดเพจยังคงแสดงผลในโหมดกระจัดกระจาย

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.