Стандартный режим

Влад Мержевич

Продолжая тему режимов браузера, рассмотрим стандартный режим — режим поддержки стандартов (X)HTML и CSS. Для переключения браузера в этот режим используется один из следующих доктайпов.

Для HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE html>

Для XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Также некоторые браузеры переключаются в стандартный режим при отправке документа как text/xml, application/xml или application/xhtml+xml (об этом ниже).

Браузер IE до версии 7.0 включительно не поддерживает стандартный режим и при использовании любого доктайпа указанного выше переходит в почти стандартный режим.

В этом режиме поддерживаются правила спецификации CSS и игнорируются свойства с ошибками. Вот некоторые особенности анализа стилей в стандартном режиме.

Числа без указания единиц измерения игнорируются

Если в стилях при указании размеров задано одно лишь число без упоминания единиц (width500 вместо width500px), такое значение игнорируется.

Чувствительность к регистру

Имена классов и идентификаторов чувствительны к регистру, поэтому классы с именами mydiv и MyDiv разные.

Имена идентификаторов и классов

Имена должны начинаться с латинской буквы, а не числа.

Ширина блока

Ширина блока складывается из значений свойств width, padding, border и margin.

Высота блока

Если высота блока указана явно, то при превышении этого значения текст начинает отображаться поверх блока. В противном случае высота блока зависит от высоты контента.

Изображения

По умолчанию для изображений свойство display установлено как inline, при этом внизу картинок добавляется небольшой отступ. Это связано с тем, что нижний край изображения располагается на базовой линии текста, ниже которой должно быть дополнительное пространство для вывода «хвостиков» у букв вроде «ц», «щ», «у» и др.

В примере 1 продемонстрирован код переводящий браузер в стандартный режим.

Пример 1. Стандартный режим

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>Стандартный режим</title>
 </head>
 <body>
  <p>HTML5</p>
 </body>
</html>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.