Чем отличается в правилах оформления XHTML 1.0 Transitional от HTML? Особенность XHTML 1.0 Strict.
Статьи
- Соблюдаем web-стандарты
-
Стандарт XHTML
Стандарт XHTML 1.0 одобрен в W3C 26 января 2000 года. С одной стороны, XHTML (англ. Extensible Hypertext Markup Language, буквально «расширяемый язык разметки гипертекста» ) унаследовал от HTML теги, с другой стороны, этот стандарт требует оформления по правилам XML.
Потребность в более строгой версии HTML возникла из-за того, что веб-контент сегодня всё больше становится ориентированным на нетрадиционные виды устройств (например, мобильные телефоны), в которых зачастую ограничены ресурсы, в том числе и для обработки гибкого, нетребовательного HTML (чем свободнее синтаксис языка, тем сложнее его разбирать).
Стандарт XHTML 1.0 Transitional был создан для уже имеющихся документов на время «переходного периода» от HTML к XHTML, поскольку очевидно, что преобразовать то огромное множество имеющихся документов к жесткому формату XHTML невозможно.
Отличия в правилах оформления XHTML 1.0 Transitional от HTML
- Иметь обязательный заголовок DOCTYPE с указанием варианта используемого XHTML.
- Все теги должны быть написаны строчными буквами: <body>, <p>, <h1> и т.д.
- Все элементы должны иметь закрывающие теги или закрывающий слэш (для пустых тегов, которые не имеют текста): <p>content</p>, <hr />, <br />, <img />.
- Все атрибуты должны быть заключены в двойные кавычки: <img src="image.gif" / >.
- Все теги должны быть вложены правильно. Например, правильно — <strong><em>Полужирный
курсивный текст</em></strong>; неправильно —
<strong><em>Полужирный курсивный текст</strong></em>.
- Отличия XHTML 1.0 Strict от XHTML 1.0 Transitional
-
Требование XHTML 1.0 Strict (строгий) в том, чтобы отделить содержание и структуру документа от оформления с помощью CSS.
На странице должен отсутствовать оформительский код (который допускается в XHTML 1.0 Transitional. Например: <body bgcolor="#FFF">. Если нужно задать белый фон странице, то запись в html упрощается — <body>, а в таблице стилей добавляется правило:
body {
background-color: #fff;
}Так же недопустимо использование фреймов, так как для таких сайтов есть стандарт XHTML 1.0 Frameset.
Преимущества соблюдения стандарта XHTML 1.0 Strict
Страницы отличаются компактным, четким кодом, который легко читается как человеком, так и поисковыми роботами. Размер страниц существенно уменьшается, отсюда увеличивается скорость загрузки страниц. Большие сайты (с тысячами страниц) серьезно экономят на хостинговых затратах.
Ошибки в коде выявляются легче, чем в HTML.
Поскольку за визуальное оформление страницы отвечает CSS, то дизайном можно управлять, изменяя правила в таблице стилей, что существенно облегчает задачу редизайна в будущем и улучшения внешнего вида сайта без правки HTML.
Содержанием на странице легко воспользоваться и с мобильного телефона, подключив специальную таблицу стилей. Не нужно готовить отдельно печатную версию для каждой страницы. Достаточно создать один раз таблицу стилей для принтовой версии.
«Постоянно возникают все новые способы и средства доступа к Сети: карманные компьютеры и телевизионные приставки, сотовые телефоны и пейджеры... XHTML был разработан с ориентацией на обобщенный обозреватель, который в сочетании с механизмами словарей метаданных должен обеспечить оптимальное преобразование содержимого документа при его отображении, с тем, чтобы, в конце концов, перейти к разработке таких документов, которые будут адекватно отображаться любым обозревателем, поддерживающим стандарт XHTML». Источник.
В статье были использованы материалы.
- Статьи
-
Блочная верстка сайтов
- Какой стандарт предпочтительнее выбрать при создании нового сайта? Отличия XHTML от HTML.
- Филоcофия CSS-дизайна. Позаботьтесь о красоте HTML-разметки.
- Почему XHTML+CSS? 15 доводов в пользу перехода на XHTML+CSS.
- Как декларация DOCTYPE влияет на отображение сайта браузерами?
- Как проверить сайт на кроссбраузерную совместимость?
- Как «угодить» IE6, IE7? Пишем хаки для Internet Explorer.
- Недостатки меню на javascript. Из опыта создания ниспадающих меню в NavStudio.
- Зачем нужна печатная версия сайта. Как создать печатную CSS-версию?
Контент для сайта