HTML та XHTML
XHTML - це HTML, написаний як XML.
Що таке XHTML?
- XHTML розшифровується як EXtensible HyperText Markup Language - тобто, розширюваний HTML
- XHTML майже ідентичний HTML
- XHTML є більш строгим, ніж HTML
- XHTML - це HTML, визначений як програма XML
- XHTML підтримується всіма основними браузерами
Чому XHTML?
Багато сторінок в Інтернеті містять "поганий" HTML код.
Цей HTML-код добре працює в більшості браузерів (навіть, якщо він не відповідає правилам HTML):
<html>
<head>
<title>Це поганий HTML код</title>
<body>
<h1>Поганий HTML
<p>Це параграф
</body>Сьогоднішній ринок складається з різних браузерних технологій. Деякі браузери працюють на комп’ютерах, а деякі браузери працюють на мобільних телефонах або інших невеликих пристроях. Меншим пристроям часто не вистачає ресурсів або потужності для інтерпретації "поганої" розмітки (html-коду).
XML - це мова розмітки, де веб-документи мають бути размічені правильно (повинні бути "добре сформовані").
Якщо ви хочите вивчати XML, будь ласка, прочитайте XML Підручник на нашому сайті W3Schools українською.
XHTML був розроблений шляхом об’єднання сильних сторін HTML та XML.
XHTML - це HTML, перероблений як XML.
Найбільш важливі відмінності від HTML:
Структура документа
- XHTML DOCTYPE є обов’язковим
- Атрибут xmlns в <html> є обов’язковим
- <html>, <head>, <title> та <body> є обов’язковими
XHTML елементи
- Елементи XHTML мають бути правильно вкладені
- Елементи XHTML завжди мають бути закриті
- Елементи XHTML мають бути в нижньому регістрі
- Документи XHTML повинні мати один кореневий елемент
XHTML Атрибути
- Імена атрибутів повинні мати нижній регістр
- Необхідно вказати значення атрибутів
- Мінімізація атрибутів заборонена
<!DOCTYPE ....> обов’язковий
XHTML документ повинен мати оголошення XHTML DOCTYPE.
Повний список всіх XHTML Doctype можна дізнатись в HTML довіднику тегів.
Елементи <html>, <head>, <title> та <body> також мають бути присутніми, а атрибут xmlns в <html> має вказувати простір імен xml для документа.
В цьому прикладі показаний документ XHTML з мінімально необхідними тегами:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content
</body>
</html>
XHTML елементи мають бути правильно вкладені
В HTML деякі елементи можуть бути неправильно вкладені один в інший, наприклад:
<b><i>This text is bold and italic</b></i>В XHTML всі елементи мають бути правильно вкладені один в інший, наприклад::
<b><i>This text is bold and italic</i></b>XHTML елементи завжди мають бути закриті
Це неправильно:
<p>Це параграф
<p>Це інший параграфЦе правильно:
<p>Це параграф</p>
<p>Це інший параграф</p>Пусті елементи також мають бути закриті
Це неправильно:
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 елементи мають бути в нижньому регістрі
Це неправильно:
<BODY>
<P>Це параграф</P>
</BODY>Це правильно:
<body>
<p>Це параграф</p>
</body>Назви XHTML атрибутів мають бути в нижньому регістрі
Це неправильно:
<table WIDTH="100%">Це правильно:
<table width="100%">Значення атрибутів мають бути взяті в лапки
Це неправильно:
<table width=100%>Це правильно:
<table width="100%">Мінімізація атрибутів заборонена
Це неправильно:
<input type="checkbox" name="vehicle" value="car" checked />
Це правильно:
<input type="checkbox" name="vehicle" value="car" checked="checked" />Це неправильно:
<input type="text" name="lastname" disabled />Це правильно:
<input type="text" name="lastname" disabled="disabled" />Як конвертувати з HTML в XHTML
- Додайте XHTML
<!DOCTYPE>до першого рядка кожної сторінки - Додайте атрибут
xmlnsдо html елемента кожної сторінки - Зробіть всі назви елементів буквами нижнього регістра
- Закрийте всі пусті елементи
- Зробіть всі назви атрибутів буквами нижнього регістра
- Візміть в лапки всі значення атрибутів
