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 має набагато суворішу обробку помилок.
Якщо ви хочете вивчати XML, прочитайте наш Навчальний посібник з XML.
Найважливіші відмінності від HTML
- <!DOCTYPE> є обов'язковим
- Атрибут xmlns у <html> є обов’язковим
- <html>, <head>, <title> та <body> є обов’язковими
- Елементи завжди мають бути належним чином вкладені
- Елементи завжди мають бути закритими
- Елементи завжди мають бути малими літерами (в нижньому регістрі)
- Назви атрибутів завжди мають бути малими літерами (в нижньому регістрі)
- Значення атрибутів завжди мають бути в лапках
- Мінімізація атрибутів заборонена
XHTML - <!DOCTYPE ....> є обов’язковим
Документ 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>Це параграф</p>
<p>Це інший параграф</p>
Неправильно:
<p>Це параграф
<p>Це інший параграф
Порожні елементи XHTML завжди мають бути закриті
У XHTML порожні елементи завжди мають бути закриті таким чином:
Правильно:
Перерва: <br />
Горизонтальний роздільник: <hr />
Зображення: <img src="happy.gif" alt="Щаслива пика" />
Неправильно:
Перерва: <br>
Горизонтальний роздільник: <hr>
Зображення: <img src="happy.gif" alt="Щаслива пика">
Елементи XHTML мають бути в нижньому регістрі
У XHTML назви елементів завжди мають бути написані малими літерами, наприклад:
Правильно:
<body>
<p>Це параграф</p>
</body>
Неправильно:
<BODY>
<P>Це параграф</P>
</BODY>
Назви атрибутів XHTML мають бути в нижньому регістрі
У XHTML назви атрибутів завжди мають бути написані малими літерами, наприклад:
Правильно:
<a href="https://w3schoolsua.github.io/html/">Відвідайте наш посібник із HTML</a>
Неправильно:
<a HREF="https://w3schoolsua.github.io/html/">Відвідайте наш посібник із HTML</a>
Значення атрибутів XHTML мають бути взяті в лапки
У XHTML значення атрибутів завжди мають бути взяті в лапки, наприклад:
Правильно:
<a href="https://w3schoolsua.github.io/html/">Відвідайте наш посібник із HTML</a>
Неправильно:
<a href=https://w3schoolsua.github.io/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 />
