Шрифт:
Кроме того, необходимо писать код HTML символами нижнего регистра, и никогда не пропускать завершающие теги (такие как ).
Вот собственно и все. Удачного кодирования!
Элементы XHTML должны быть правильно вложены
Элементы XHTML всегда должны быть замкнутыми
Элементы XHTML должны записываться в нижнем регистре
Документы XHTML должны иметь один корневой элемент
В HTML некоторые элементы могут вкладываться друг в друга некорректно, например как в случае: <b><i>Этот текст жирный и наклонный</b></i>
В XHTML все элементы должны правильно вкладываться друг в друга, например: <b><i>Этот текст жирный и наклонный</i></b>
Примечание: Достаточно часто при создании вложенных списков забывают о том, что внутренний список должен находится между тегами <li> и </li>.
Неправильно:
<ul>
<li>Кофе</li>
<li>Чай
<ul>
<li>Черный чай</li>
<li>Зеленый чай</li>
</ul>
<li>Молоко</li>
</ul>
Правильно:
<ul>
<li>Кофе</li>
<li>Чай
<ul>
<li>Черный чай</li>
<li>Зеленый чай</li>
</ul>
</li>
<li>Молоко</li>
</ul>
Обратите внимание, что в примере "правильного" кода вставлен тег </li> после тега </ul>.
Непустые элементы должны иметь замыкающий тег.
Неправильно:
Это -- параграф
Это -- еще один параграф
Правильно:
Это -- параграф
Это -- еще один параграф
Пустые элементы должны иметь замыкающий тег или начальный тег должен заканчиваться символами />.
Неправильно:
Разрыв строки: <br>
Горизонтальная линия: <hr>
Изображение: <img src="happy.gif" alt="Веселое лицо ">
Правильно:
Разрыв строки: <br />
Горизонтальная линия: <hr />
Изображение: <img src="happy.gif" alt="Веселое лицо " />
Спецификация XHTML определяет, что имена и атрибуты тегов должны записываться в нижнем регистре.
Неправильно:
<BODY>
Параграф
</BODY>
Правильно:
<body>
Параграф
</body>
Все элементы XHTML должны быть вложены в корневой элемент <html>. Все другие элементы могут иметь вложенные элементы (потомков). Вложенные элементы должны быть парными и правильно вкладываться в свой родительский элемент. Общая структура документа имеет следующий вид:
<html>
<head> ... </head>
<body> ... </body>
</html>
При записи документа XHTML требуется использовать четкий синтаксис HTML.
[x]. Имена атрибутов должны записываться в нижнем регистре
[x]. Значения атрибутов должны заключаться в кавычки
[x]. Минимизация атрибутов запрещена
[x]. Атрибут id заменяет атрибут name
[x]. DTD XHTML определяет обязательные элементы
Неправильно:
<table WIDTH="100%">
Правильно:
<table width="100%">
Неправильно:
<table width=100%>
Правильно:
<table width="100%">
Неправильно:
<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>
Правильно:
<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />
Ниже представлен список минимизированных атрибутов HTML и их запись в XHTML.
| HTML | XHTML |
|---|---|
| compact | compact="compact" |
checked declare | checked="checked" declare="declare" |
| readonly | readonly="readonly" |
| disabled | disabled="disabled" |
| selected | selected="selected" |
| defer | defer="defer" |
| ismap | ismap="ismap" |
| nohref | nohref="#" |
| noshade | noshade="noshade" |
| nowrap | nowrap="nowrap" |
| multiple | multiple="multiple" |
| noresize | noresize="noresize" |