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>Сегодняшний рынок состоит из разных браузерных технологий. Некоторые браузеры работают на компьютерах, а некоторые браузеры работают на мобильных телефонах или других небольших устройствах. Меньшим устройствам часто не хватает ресурсов или мощности для интерпретации "плохой" разметки.
XML - это язык разметки, где документы должны быть размечены правильно (должны быть "хорошо сформированные").
Если вы хотите изучать XML, пожалуйста, прочитайте наш XML Учебник.
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 Doctypes можно узнать в 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>This is a paragraph
<p>This is another paragraphЭто правильно:
<p>This is a paragraph</p>
<p>This is another paragraph</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%>Это правильно:
<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 элементу каждой страницы - Сделайте все названия элементов буквами нижнего регистра
- Закройте все пустые элементы
- Сделайте все названия атрибутов буквами нижнего регистра
- Возьмите в кавычки все значения атрибутов
