Доктайп. Точка

Закрываем все вопросы про <!DOCTYPE>

Первая попытка

Джефри Зельдман

Fix Your Site With the Right DOCTYPE! — 2002 год

Русский, испанский, французский, немецкий, итальянский, шведский… и даже болгарский переводы.

Почему так важен DOCTYPE

HTML 4.01 STRICT

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

HTML 4.01 TRANSITIONAL

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

HTML 4.01 FRAMESET

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

XHTML 1.0 STRICT

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

XHTML 1.0 TRANSITIONAL

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

XHTML 1.0 FRAMESET

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

XHTML 1.1

				<!DOCTYPE html PUBLIC
				    "-//W3C//DTD XHTML 1.1//EN"
				    "http://www.w3.org/TR/xhtml11/DTD/
				    xhtml11.dtd">

<!DOCTYPE HTML>

HTML5

Факты про короткий DOCTYPE

Standards Compliance Mode — это круто;
IE остаётся в Standards Compliance Mode;
Вы не ослышались: IE не переходит в Quirks Mode;
Даже IE6, инфа 100%.

Собственно, всё.

Прочие…

Короче, Склифосовский

Новый <!DOCTYPE> — новая версия языка;
Новая версия языка — новые правила.

Кодировка

				<meta http-equiv="Content-Type"
				      content="text/html;
				      charset=utf-8" />

				<meta charset="utf-8">

Скрипты

				<script type="text/javascript"
				        language="javascript"
				        src="script.js"></script>

				<script src="script.js"></script>

Стили

				<style type="text/css">

				<style>

Таблицы

				<table cellpadding="0"
				        cellspacing="0"
				        border="0">

				<table>

Совсем другая история, просто к слову пришлось.

Переносы

				<br /><br /><br /><br /><br /><br />
				<br /><br /><br /><br /><br /><br />
				<br /><br /><br /><br /><br /><br />

				<br><br><br><br><br><br>
				<br><br><br><br><br><br>
				<br><br><br><br><br><br>

Атрибуты

				<input value="куку" required="required" />
				<input value=куку required>
				<input value="куку" required>

Одиночные — атрибуты-ключи;
Парные в кавычках — все остальные.

Доктайп. Точка

Вадим Макеев, Opera Software

Презентация: pepelsbey.net/pres/doctype