Шаблон документа XHTML 1.0 Strict

Свойства документов HTML и XHTML

Объявление типа документа (DOCTYPE)

Тип содержания для документов HTML и XHTML

Переключение режимов в IE и альтернативных браузерах

Условные комментарии в IE

HTML и XHTML

Более 400 участников: Adobe, AOL, Apple, Canon, CERN, Cisco, Dow Jones, Google, IBM, Intel, Microsoft, Mozilla, Nokia, Opera, Oracle, Samsung, Siemens, Sun, Yahoo… www.w3.org/Consortium/Member/List

Десятки технологий: HTML, XHTML, CSS, HTTP, URI, XML, DOM, MathML, PNG, SVG, XSLT… www.w3.org/Consortium/activities

Подробнее: www.w3.org/Consortium

HTML (1993)

HTML 2.0 (1995)

HTML 3.2 (1997)

HTML 4.01 (1999)

XML 1.1 (2004)

HTML — семейство языков, несовместимых с XML;
XHTML — семейство языков, совместимых с XML;
XHTML не входит в HTML

Документ XHTML:

документ, соответствующий синтаксическим правилам XHTML

документ, обрабатывающийся в браузере по правилам синтаксического анализа XHTML

Валидатор HTML: validator.w3.org

набор элементов и атрибутов HTML 4.01

синтаксические правила XML 1.0

документация Консорциума W3C

Валидатор HTML 5 (экспериментальный): qa-dev.w3.org/wmvs/HEAD

Safari:

developer.apple.com/documentation/AppleApplications/Reference/ SafariHTMLRef/Articles/StandardHTMLTags.html

документация на сайтах браузеров

разметка (markup)

Символьные данные и разметка

Консорциум W3C

разрабатывает стандарты HTML и CSS.

ядро отображения (layout engine)

непустой элемент (non-empty element)

атрибут (attribute specification)

имя атрибута (attribute name)

значение атрибута (attribute value)

предок — потомок (ancestor — descendant)

смежный (sibling)

Консорциум W3C

стандарты

разрабатывает

HTML и CSS.

правильно: , неправильно:

Закрывающие тэги обязательны (p, li, td, …)

Значения атрибутов — в кавычках

правильно: colspan="3", неправильно: colspan=3

Косая черта в тэге пустого элемента

правильно:
, неправильно:

Подробнее:

Различия между HTML 4.01 и XHTML 1.0:
www.w3.org/TR/xhtml1/#diwww.w3.org/TR/xhtml1/#diffwww.w3.org/TR/xhtml1/#diffs

Совместимость с HTML и существующими браузерами:
www.w3.org/TR/xhtml1/#guidelines

атрибуты: accesskey, align, alink, background, bgcolor, border, cellpadding, cellspacing, height, hspace, noshade, nowrap, valign, vlink, vspace, width и др.

Новые элементы (плохо поддерживаются в браузерах):

Также не рекомендуются элементы: area, b, big, hr, i, map, small, tt

article, section, header, footer, audio, video, canvas, datagrid и др.

Подробнее: www.w3.org/TR/html5-diff

для документов HTML (XHTML) — в элементе meta (не обязательно)

Передаётся в HTTP-заголовке Content-Type

Служит для браузера ориентиром, как обрабатывать данные

Подробнее:

MIME Part One: Format of Internet Message Bodies
tools.ietf.org/html/rfc2045

MIME Part Two: Media Types: tools.ietf.org/html/rfc2046

HTTP/1.1: 3.7. Media Types
www.w3.org/Protocols/rfc2616/rfc2616-sec3.html#sec3.7

MIME Media Types (IANA): www.iana.org/assignments/media-types

application/xml, application/rss+xml

application/msword, application/vnd.openxmlformats-officedocument.
wordprocessingml.document.main+xml

application/pdf, application/x-shockwave-flash

audio/mid, audio/mpeg, video/mpeg

application/zip

multipart/mixed, multipart/form-data

Легко интегрировать со смежными технологиями
(DOM в JavaScript и PHP)

Можно применять технологии XML (XSLT, XPath, XLink, …)

Не поддерживается в IE

Подробнее:

Firefox и родственные браузеры:
www.mozilla.org/docs/web-developer/faq.html#xhtmldiff

WHATWG: wiki.whatwg.org/wiki/HTML_vs._XHTML

RFC 3236: The ‘application/xhtml+xml’ Media Type
tools.ietf.org/html/rfc3236

XHTML Media Types (W3C): www.w3.org/TR/xhtml-media-types

(X)HTML 5

обрабатывается как XHTML 5

обрабатывается как HTML 5

DOCTYPE — HTML 4, HTML 5 или XHTML

неизвестный DOCTYPE

Режим совместимости (compatibility mode, quirks mode):
страница отображается, как в IE 5.5

DOCTYPE ниже HTML 4

неполный DOCTYPE

нет DOCTYPE

Подробнее: msdn.microsoft.com/en-us/library/bb250395.aspx

IE 8: msdn.microsoft.com/en-us/library/cc288325.aspx

внутренние отступы (padding) для изображений

значение auto для свойств margin и width

строгая обработка ошибок в CSS

исправленное наследование свойств CSS в таблицах

IE 7:

фиксированное позиционирование (position: fixed)

свойства min-width, max-width, min-height, max-height

псевдокласс :hover для всех элементов

селекторы атрибутов

quirks mode:
developer.mozilla.org/en/docs/Mozilla_Quirks_Mode_Behavior

Opera: www.opera.com/docs/specs/doctype

Safari (аналогично Firefox):
developer.apple.com/internet/webcontent/bestwebdev.html

Если нет объявления XML,
документ должен быть в кодировке UTF-8 или UTF-16

Вызывает режим обратной совместимости в IE 6

Подробнее:

Определение в стандарте XML 1.0: www.w3.org/TR/xml/#dt-xmldecl

Упоминание в XHTML 1.0:
www.w3.org/TR/xhtml1/normative.html#strict

Действительный, но не валидный код:

Евгений Онегин

логические операторы: &, |, !

Примеры:

Подробнее: msdn.microsoft.com/en-us/library/ms537512.aspx

Скрыть код от IE: …