HTML и XHTML
XHTML — это HTML, написанный как XML.
Что такое XHTML?
- XHTML расшифровывается как EXtensible HyperText Markup Language
- XHTML почти идентичен HTML
- XHTML является более строгим, чем HTML
- XHTML — это HTML-код, определяемый как XML-приложение
- XHTML поддерживается всеми основными браузерами
Почему XHTML?
Многие страницы в Интернете содержат "плохие" HTML.
Этот HTML-код отлично работает в большинстве браузеров (даже если он не следует правилам HTML):
<html>
<head>
<title>Это плохой HTML</title>
<body>
<h1>Неверный HTML-код
<p>Это абзац
</body>Современный рынок состоит из различных браузерных технологий. Некоторые браузеры работают на компьютерах, а некоторые браузеры работают на мобильных телефонах или других небольших устройствах. Малые устройства часто не хватает ресурсов или мощности для интерпретации "плохой" разметки.
XML является языком разметки, в котором документы должны быть помечены правильно (быть "хорошо сформированный").
Если вы хотите изучать XML, ознакомьтесь с нашим справочником по XML.
Сочетая сильные стороны HTML и XML, был разработан XHTML.
XHTML — это HTML-код, переработанный как XML.
Наиболее важные отличия от HTML:
Структура документа
- XHTML DOCTYPE is Обязательный
- Атрибут xmlns в <html> Обязательный
- <html>, <head>, <title>, и <body> являются Обязательным
XHTML-элементы
- Элементы XHTML должны быть правильно вложен ными
- Элементы XHTML всегда должны быть закрыты
- Элементы XHTML должны быть в нижнем регистре
- Документы XHTML должны иметь один корневой элемент
Атрибуты XHTML
- Имена атрибутов должны быть в нижнем регистре
- Значения атрибутов должны быть котируем ыми
- Минимизация атрибутов запрещен а
<!DOCTYPE ....> Является обязательным
Документ XHTML должен иметь декларацию формата XHTML.
Полный список всех XHTML -файлов содержится в нашей ссылке на 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>Этот текст выделен полужирным шрифтом и курсивом</b></i>В XHTML все элементы должны быть должным образом вложены друг в друга, например:
<b><i>Этот текст выделен полужирным шрифтом и курсивом</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>This is a paragraph</P>
</BODY>Это правильно:
<body>
<p>This is a paragraph</p>
</body>Имена атрибутов XHTML должны быть в нижнем регистре
Это неправильно:
<table WIDTH="100%">Это правильно:
<table width="100%">Значения атрибутов должны быть указаны в кавычках
Это неправильно:
<table width=100%>This is correct:
<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 каждой страницы
- Изменить все имена элементов на строчные
- Закрыть все пустые элементы
- Изменить все имена атрибутов на строчные
- Цитировать все значения атрибутов