В частности, Microsoft IE имеет серьезную проблему с определенными типами документов или полным их отсутствием. В нижней части этой страницы вы можете найти краткий обзор поведения браузера в сочетании с определенными типами документов. Существует три стандартных поведения:
- Q - Quirksmode. Вы действительно не хотите иметь это. Это вызывает ошибка модели коробки в IE. CSS
width и height тогда неправильно покрывают padding и border.
- A - Почти стандартный режим. Доступно, только вертикальный размер ячеек таблицы не соответствует спецификации CSS2. Полезно, если вы хотите избежать загадочных разрывов изображений в ячейках таблицы .
- S - Режим стандартов. Браузер пытается полностью соответствовать стандарту w3 HTML / CSS. Предпочтительный режим, поскольку это единственный режим, в котором вы можете быть менее или более уверены, что ваш веб-сайт будет выглядеть одинаково во всех браузерах.
Вот фрагмент HTML, который демонстрирует ошибку блочной модели в IE. Скопируйте и запустите его. При наличии <!DOCTYPE html> вы увидите прямоугольник. Без линии doctype вы увидите настоящий квадрат.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Remove DOCTYPE to trigger quirksmode</title>
<style>
#box {
background: yellow;
width: 100px;
padding: 20px;
border: 20px solid black;
margin: 20px;
}
</style>
</head>
<body>
<div id="box">box</div>
</body>
</html>
Влияние этой ошибки IE наиболее заметно, если вы хотите создать «pixelperfect» веб-дизайн.