XHTML Document

Руководство по XHTML

XHTML является расширенной версией широко используемого языка гипертекстовой разметки (HTML) и предназначен для работы с расширяемым языком разметки или XML.

XHTML во многом похож на HTML, но он более строг и чище, чем HTML.

Вот наиболее важные моменты, которые следует помнить при создании нового документа XHTML или преобразовании существующего документа HTML в документ XHTML:

• Документ XHTML должен иметь объявление DOCTYPE в верхней части документа.
• Все имена тегов и атрибутов XHTML должны быть написаны в нижнем регистре.
• Все теги должны быть правильно вложены.
• Конечные теги необходимы для непустых элементов.
• Начальный тег пустого элемента должен заканчиваться на/> .
• Все значения атрибутов должны быть в кавычках.
• Минимизация атрибутов запрещена.

Почему XHTML?

Поскольку документы XHTML должны быть правильно сформированы, ваш веб-сайт с большей вероятностью будет совместим с существующими и будущими веб-браузерами и будет отображаться более точно. Это также делает ваш сайт проще в обслуживании, конвертации и форматировании в долгосрочной перспективе.

XHTML сочетает в себе силу HTML и XML; таким образом, страницы XHTML могут быть проанализированы любыми устройствами с поддержкой XML — в отличие от HTML, который требует мягкого специфичного для HTML синтаксического анализатора.

Веб-разработчики и дизайнеры пользовательских интерфейсов постоянно находят новые способы выразить свои идеи с помощью разметки. В XML относительно легко ввести новые элементы или дополнительные атрибуты элементов. Семейство XHTML предназначено для размещения этих расширений с помощью модулей XHTML. Эти модули позволят комбинировать существующие и новые наборы функций при разработке контента.

Создание документа XHTML

Это основные шаги для создания документа XHTML.

• Корневым элементом документа должен быть .
• Корневой элемент документа должен содержать объявление xmlns для пространства имен XHTML. Пространство имен для XHTML определено как http://www.w3.org/1999/xhtml.
• Должен быть объявлен DOCTYPE в документе до корневого элемента.
• Декларация XML должна быть включена в начало документа.

Вот пример документа XHTML.

      
This is an example of XHTML document.
  

Декларация XML не требуется во всех документах XML; однако настоятельно рекомендуется использовать декларации XML во всех документах XHTML.

Какая разница между HTML и XHTML

В этом разделе мы подробно разберем различия между HTML и XHTML.

Все имена тегов и имена атрибутов должны быть написаны в нижнем регистре

В HTML теги и атрибуты могут быть написаны прописными или строчными буквами:

НЕПРАВИЛЬНО: прописные элементы

Это важное слово в параграфе.

В XHTML все имена тегов и имена атрибутов должны быть написаны в нижнем регистре. Это различие необходимо, потому что XML чувствителен к регистру, например,

и — это разные теги.

ПРАВИЛЬНО: строчные элементы

Это важное слово в параграфе.

Элементы должны быть правильно вложены

В XHTML все элементы должны быть правильно вложены. Это означает, что если открывающий тег размещен внутри другого элемента, закрывающий тег также должен быть помещен в тот же элемент:

Таким образом, вы не можете написать:

НЕПРАВИЛЬНО: перекрывающиеся элементы

Вот подчеркнутый элемент параграфа
.

Вместо этого это должно быть записано как:

ПРАВИЛЬНО: вложенные элементы.

Вот подчеркнутый элемент параграфа.

Перекрытие также запрещено в HTML. Вы должны всегда закрывать элементы правильно, чтобы разметка была валидной.

Закрывающие теги необходимы для непустых элементов

В HTML некоторым элементам было разрешено опускать конечный тег, такой как параграф:

НЕПРАВИЛЬНО: неопределенные элементы

Это абзац 
Это еще один абзац

XHTML не позволяет опускать конечные теги.

ПРАВИЛЬНО: закрытые элементы

Это абзац
 
Это еще один абзац

Пустые элементы должны заканчиваться на/>

В HTML пустые элементы пишутся так:

НЕПРАВИЛЬНО: неопределенные пустые элементы

A break: 
A horizontal rule: 
An image:

В XHTML начальный тег пустых элементов должен заканчиваться/> :

ПРАВИЛЬНО: закрытые пустые элементы

A break: 
A horizontal rule: 
An image: 

Добавьте пробел перед завершающим «/>» пустых элементов, например,
,

---

и для обеспечения обратной совместимости с браузерами.

Значения атрибутов всегда должны быть в кавычках

В HTML иногда можно опустить кавычки, например:

НЕПРАВИЛЬНО: атрибуты без кавычек

В XHTML все атрибуты должны быть заключены в кавычки, даже числовые.

ПРАВИЛЬНО: атрибуты в кавычках

Минимизация атрибутов запрещена

XHML не поддерживает минимизацию атрибутов. Пары атрибут-значение должны быть записаны полностью.

Имена атрибутов, такие как selected и checked не могут встречаться в элементах без указания их значения. Таким образом, вы не можете написать:

НЕПРАВИЛЬНО: минимизированные атрибуты

Вместо этого необходимо записать это в паре атрибут-значение, как:

ПРАВИЛЬНО: не минимизированные атрибуты

Скрипты и стили должны быть размещены в разделе CDATA

В HTML скрипты и стили могут быть включены в документ, даже если они включают такие символы, как < или & .

Обтекание содержимого скрипта или элемента стиля внутри раздела, помеченного CDATA , позволяет избежать расширения этих объектов. Но, поскольку документ также может быть проанализирован анализаторами HTML, которые не распознают маркеры CDATA , маркеры CDATA обычно закомментированы, как в этом примере JavaScript:

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Похожие посты

Руководство по тегам и элементам в HTML

HTML-элемент — это отдельный компонент документа HTML. Он представляет собой семантику или некоторое значение. Например, элемент

Руководство по заголовкам в HTML

Заголовки помогают определить иерархию и структуру содержимого веб-страницы. В HTML есть шесть уровней заголовков, от

до ; чем выше уровень заголовка, тем больше его важность — поэтому тег

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

Руководство по мета-тегам в HTML

Теги обычно используются для предоставления структурированных метаданных, таких как ключевые слова (keywords), описание (description), имя автора (author name), кодировка символов (character encoding) и т.д. В теге может быть размещено любое количество метатегов . Метаданные не будут отображаться на веб-странице, но будут обрабатываться поисковиками, браузерами и другими веб-сервисами. Теперь рассмотрим использование мета-тегов. Объявление кодировки…

Разработка сайтов для бизнеса

Если у вас есть вопрос, на который вы не знаете ответ — напишите нам, мы поможем разобраться. Мы всегда рады интересным знакомствам и новым проектам.

Источник

Разница между HTML и XHTML

При выборе DOCTYPE необходимо чётко определиться, какой из двух стандартов выбрать: HTML или XHTML. И для облегчения Вашего выбора я решил разобрать разницу между HTML и XHTML.

Главное отличие между HTML и XHTML в том, что XHTML основан на синтаксисе XML. А, следовательно, он более строгий, и в нём нельзя допускать тех вольностей, которые можно допустить в HTML.

А теперь по пунктам разберём особенности синтаксиса XHTML:

1. Каждый тег должен закрываться

Парные теги должны закрываться и в HTML тоже, но все мы знаем, что в HTML существует множество одиночных тегов (например, img>), и мы смело могли написать таким образом:

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

Разница только в слеше перед второй угловой скобкой.

2. Все спецсимволы должны быть заменены на сущности

То есть нельзя писать вот так: «&«, нужно писать этот символ только сущностью, то есть «&«. В HTML подобного правила не существует.

3. Все значения атрибутов должны быть в кавычках.

Все мы с Вами знаем, что в HTML можно написать вот так:

То есть у нас значение атрибута «width» находится без кавычек. В XHTML это недопустимо, и там надо писать вот так:

4. Все теги и атрибуты должны писаться в нижнем регистре.

Скажу честно, я никогда не понимал, зачем люди пишут теги в верхнем регистре. На мой взгляд, это уродует код, и возникает ощущение, что его писали не отжимая «CAPSLOCK«. Но если в HTML — это дело вкуса, то в XHTML — это правило: писать только в нижнем регистре.

Как видите, разница только в синтаксисе. Есть также и другие мелкие различия, но мы о них говорить не будем. Другими словами, единственное преимущество XHTML — это более лёгкий парсинг документа. А также XHTML очень подходит любителям «чистого» кода. Больше никаких преимуществ нет. Все браузеры корректно отображают и HTML, и XHTML. Причём зачастую браузеры XHTML обрабатывают как HTML, поэтому для внешнего вида серьёзных различий в HTML и XHTML точно не будет.

Я для себя выбрал XHTML, потому что я очень люблю, когда код «чистый» и когда он легко разбирается на составные части (парсинг). Да, и вообще я привык к строгому синтаксису других языков, например, Java, поэтому всё равно я буду писать максимально валидно. А что выберите Вы — решать только Вам, а об отличиях HTML и XHTML Вы уже знаете.

Создано 25.01.2011 13:59:48

Михаил Русаков

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

1. Кнопка:
   Она выглядит вот так:
2. Текстовая ссылка:
   Она выглядит вот так: Как создать свой сайт
3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии ( 13 ):

Спасибо познавательно и самое главное бес воды! Подскажите Михаил что лучше XHTML 1.0 и XHTML 1.1 Делаю дизайн для XHTML 1.0 остановился на пол пути и сомневаюсь.

Я предпочитаю XHTML 1.1, как более новый стандарт.

Что посоветуешь переписать на XHTML 1.1? А с точи зрения поисковик систем? Ты верстаешь dle движки?

Необязательно. Поисковым системам всё равно, какой там стандарт. С готовыми движками вообще не работаю уже давно.

Что посоветуешь переписать на XHTML 1.1?

Необязательно, особой разницы нет.

И это все основные различия?? Хм. Не совсем понятны минусы XHTML? И почему бы тогда все страницы не верстать на нем? Ведь получается, что простой HTML-4 несколько хуже во по всем параметрам за XHTML.

Если это вся разница тогда лучше xhtml я итак в нижнем регситре пишу. А ставить слеш на конце не так-уж трудно. А лутше он потому что не такой вольный по началу думал что это + в html его вольность но когда начал писать сайт и проверять на кросс браузерность то пошли проблемы из-за этого. И Валидный код легче будет сделать а чем больше код валидный тем правильней отображается страница если не ошибаюсь.

1 только проблема чтоб поставить кавычки надо раскладку менять на русский. Можно как-то настроить чтоб кавычки на английской раскладке ставились. А то ведь так времени куча уходит на смену языка даж горячими клавишами код та длинный.

Кавычки ставятся на английской раскладке: ctrl+э.

Источник