HTML в сравнении с XHTML - В чем разница?
Меню
Справочник

HTML в сравнении с XHTML

HTML в сравнении с XHTML

XHTML — это более строгая версия HTML, основанная на XML.


Что такое XHTML?

  • XHTML (EXtensible HyperText Markup Language) расшифровывается как расширяемый язык гипертекстовой разметки;
  • XHTML — это более строгая версия HTML, основанная на XML;
  • XHTML — это HTML, определенный как XML-приложение;
  • XHTML поддерживается всеми основными браузерами.

Почему XHTML?

XML — это язык разметки, в котором все документы должны быть правильно размечены ("правильно сформированы").

XHTML был разработан, чтобы сделать HTML более расширяемым и гибким для работы с другими форматами данных (такими как XML). Кроме того, браузеры игнорируют ошибки в HTML-страницах и пытаются отобразить веб-сайт, даже если на нем есть ошибки в разметке. Таким образом, XHTML имеет гораздо более строгую обработку ошибок.


Наиболее важные отличия от HTML

  • <!DOCTYPE> является обязательным;
  • Атрибут xmlns в <html> является обязательным;
  • <html>, <head>, <title> и <body> являются обязательными;
  • Элементы всегда должны быть правильно вложены;
  • Элементы всегда должны быть закрыты;
  • Элементы всегда должны быть в нижнем регистре;
  • Имена атрибутов всегда должны быть в нижнем регистре;
  • Значения атрибутов всегда должны быть заключены в кавычки;
  • Минимизация атрибута запрещена.

XHTML - <!DOCTYPE ....> обязателен

Документ XHTML должен иметь объявление XHTML <!DOCTYPE>.

Также должны присутствовать элементы <html>, <head>, <title> и <body>, а атрибут xmlns в <html> должен указывать пространство имен xml для документа.

Это документ XHTML с минимумом обязательных тегов:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Название документа</title>
</head>
<body>

здесь контент...

</body>
</html>

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

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

Правильный:

<b><i>Здесь текст</i></b>

Неправильный:

<b><i>Здесь текст</b></i>

Элементы XHTML всегда должны быть закрыты

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

Правильный:

Элемент разрыва строки: <br />
Тег горизонтальной линии: <hr />
Изображение: <img src="/htm/html5_black.gif " alt="Гифка HTML5" />

Неправильный:

Элемент разрыва строки: <br>
Тег горизонтальной линии: <hr>
Изображение: <img src="/htm/html5_black.gif " alt="Гифка HTML5">

Элементы XHTML должны быть в нижнем регистре

В XHTML имена элементов всегда должны быть в нижнем регистре, например:

Правильный:

<body>
<p>Это параграф</p>
</body>

Неправильный:

<BODY>
<P>Это параграф</P>
</BODY>

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

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

Правильный:

<a href="https://www.appnet.club/html/">Посетите наше руководство по HTML</a>

Неправильный:

<a HREF="https://www.appnet.club/html/">Посетите наше руководство по HTML</a>

Значения атрибутов XHTML должны быть заключены в кавычки

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

Правильный:

<a href="https://www.appnet.club/html/">Посетите наше руководство по HTML</a>

Неправильный:

<a href=https://www.appnet.club/html/>Посетите наше руководство по HTML</a>

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

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

Правильный:

<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />

Неправильный:

<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />

☛ Руководство по HTML — введение

Унифицированные локаторы ресурсов HTML ☚

 

Поделиться ссылкой