Помните, объявил DOCTYPE на вашей веб-странице
Как правило, тег «DOCTYPE» сообщает вашему веб-браузеру, как проверять или обрабатывать вашу веб-страницу в соответствии с правилами w3c и избегать превращения некоторых веб-браузеров (особенно IE) в «http: // en. wikipedia.org/wiki/Quirks_mode[Quirks mode] “.
Причудливый режим - это катастрофа
Давайте рассмотрим пример, чтобы узнать, как причудливый режим портит вашу веб-страницу.
Простой HTML-код без объявления DOCTYPE.
No DOCTYPE declared!
«margin:0 auto;» автоматически выравнивает блок заголовка по центру страницы и поддерживается в IE7, 8 и Firefox. Давай попробуем.
-
Firefox - если вы просматриваете страницу в Firefox, она работает нормально.
-
IE8 - Если вы просматриваете страницу вIE8, the center alignment is not working.
Проблема в том, что IE8 поддерживает «margin:0 auto;», но почему он не работает? Это связано с тем, что ваш IE8 превращается в «http://en.wikipedia.org/wiki/Quirks_mode[Quirks mode]», это означает, что ваш веб-браузер переходит в режим обратной совместимости, он отображает вашу веб-страницу в режиме IE6.
Лучшая награда IE6 как худшего в мире веб-браузера, вы просто не хотите, чтобы ваш красиво оформленный HTML-макет превратился в дерьмо. Помимо auto margin, в IE6 не поддерживаются сотни CSS-элементов, теперь вы видите важность DOCTYPE?
Объявлен DOCTYPE !!!
Чтобы IE8 не превратил его в «Quirks mode», вы должны объявить тег DOCTYPE перед содержимым HTML. Например,
...
Попробуйте снова просмотреть его в IE8, выравнивание по центру работает нормально. Нет больше «режима Quirks», он будет отображать веб-страницу в стандарте IE8.