HTML против XHTML
XHTML — это более строгая версия HTML, основанная на XML.
Что такое XHTML?
- XHTML расшифровывается как E X tensible Hyper Text Markup Language .
- XHTML — это более строгая версия HTML, основанная на XML.
- XHTML — это HTML, определенный как XML-приложение.
- XHTML поддерживается всеми основными браузерами.
Почему XHTML?
XML — это язык разметки, в котором все документы должны быть правильно размечены («правильно сформированы»).
XHTML был разработан, чтобы сделать HTML более расширяемым и гибким для работы с другими форматами данных (такими как XML). Кроме того, браузеры игнорируют ошибки в HTML-страницах и пытаются отобразить веб-сайт, даже если на нем есть ошибки в разметке. Таким образом, XHTML имеет гораздо более строгую обработку ошибок.
Если вы хотите изучить XML, прочитайте наш учебник по XML .
Наиболее важные отличия от 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 of document</title>
</head>
<body>
some content here...
</body>
</html>
Элементы XHTML должны быть правильно вложены
В XHTML элементы всегда должны быть правильно вложены друг в друга, например:
Правильный:
<b><i>Some
text</i></b>
Неправильный:
<b><i>Some
text</b></i>
Элементы XHTML всегда должны быть закрыты
В XHTML элементы всегда должны быть закрыты, например:
Правильный:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Неправильный:
<p>This is a paragraph
<p>This is another paragraph
Пустые элементы XHTML всегда должны быть закрыты
В XHTML пустые элементы всегда должны быть закрыты, например:
Правильный:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
Неправильный:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
Элементы XHTML должны быть в нижнем регистре
В XHTML имена элементов всегда должны быть в нижнем регистре, например:
Правильный:
<body>
<p>This is a paragraph</p>
</body>
Неправильный:
<BODY>
<P>This is a paragraph</P>
</BODY>
Имена атрибутов XHTML должны быть в нижнем регистре
В XHTML имена атрибутов всегда должны быть в нижнем регистре, например:
Правильный:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Неправильный:
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Значения атрибутов XHTML должны быть заключены в кавычки
В XHTML значения атрибутов всегда должны заключаться в кавычки, например:
Правильный:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Неправильный:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</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 />