Стандартний режим
Поговоримо про стандартний режим браузера, який підтримує (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 та ігноруються властивості з помилками. Ось деякі особливості аналізу стилів у стандартному режимі.
Числа без вказання одиниць вимірювання ігноруються
Якщо у стилях при вказанні розмірів задане лише число без згадування одиниць (width: 500 замість width: 500px), таке значення ігнорується.
Чутливість до регістру
Назви класів та ідентифікаторів чутливі до регістру, тому класи з іменами 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>