Приднестровская поддержка XOOPS
XHTML (extensible HyperText Markup Language, расширяемый язык разметки гипертекста) — это язык разметки Web-страниц, созданный на базе XML. XHTML 1.0 базируется на HTML 4.01, но приведен в соответствие с правилами XML 1.0. Обрабатывая страницу на языке HTML 4.01 Web-браузер, обнаружив ошибку, может попробовать обработать ее. XHTML 1.0 имеет более строгие правила. Web-браузер, обнаружив ошибку, должен прекратить дальнейшую обработку страницы.
Допустимые форматы для XHTML 1.0:
□ strict — строгий формат. Не содержит тегов и параметров, помеченных как устаревшие или не одобряемые. Объявление формата:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
□ Transitional — переходный формат. Содержит устаревшие теги в целях совместимости и упрощения перехода со старых версий HTML. Объявление формата:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
□ Frameset — аналогичен переходному формату, но содержит также теги для создания фреймов. Объявление формата:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Кроме объявления формата, XHTML требует указания пространства имен в корневом теге в параметре xmins:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
В этом примере с помощью параметра lang мы также указали язык документа (lang="ru").
Стандарт рекомендует также указывать XML-пролог
<?xml version="1.0" encoding="windows-1251"?>
перед объявлением формата, а в заголовках ответа сервера отправлять MIME-тип appiication/xhtml+xml. Однако Web-браузер Internet Explorer в этом случае некорректно обрабатывает документ. По этой причине XML-пролог не указывают, а в заголовках ответа сервера задают MIME-тип text/html.
При использовании языка XHTML необходимо придерживаться следующих правил.
□ Все названия тегов и параметров указываются в нижнем регистре.
Неправильно:
<P>Текст абзаца</P>
Правильно:
<p>Текст абзаца</p>
□ Значения параметров следует обязательно указывать внутри кавычек.
Неправильно:
<textarea name="pole" cols=15 rows=10></textarea>
Правильно:
<textarea name="pole" cols="15" rows="10"></textarea>
□ Если параметр не имеет значения (например, selected), то в качестве значения указывается название параметра.
Неправильно:
<select name="select1">
<option value="1">Элeмeнт1</option>
<option value="2" selected>Элемент2</option>
</select>
Правильно:
<select name="select1">
<option value="1">Элeмeнтl</option>
<option value="2" selected="selected">Элемент2</option>
</select>
□ Необходимо строго соблюдать правильность вложенности тегов.
Неправильно:
<p><b>Текст</p></b>
Правильно:
<p><b>Текст</b></p>
□ Нельзя вкладывать блочный тег (например, <р>, <div>) во внутристроч-ный (например, <b>, <span>).
Неправильно:
<b><р>Текст</p></b>
Правильно:
<p><b>Текст</b></p>
□ Все теги должны быть закрыты.
Неправильно:
<ol>
<li>Первый пункт
<li>Второй пункт
</ol>
Правильно:
<ol>
<li>Первый пункт</li>
<li>Bторой пункт</li>
</ol>
□ Для одинарных тегов (например, <br>, <img> и др.) перед закрывающей угловой скобкой необходимо указать пробел и слэш (" /").
Неправильно:
<input type="text" name="polel">
<img src="foto.gif" alt="Текст подсказки">
<br>
Правильно:
<input type="text" name="polel" />
<img src="foto.gif" alt="Текст подсказки" />
<br />
□ Все специальные символы внутри тегов должны быть заменены на HTML-эквиваленты (например, символ "<" необходимо заменить на < ).
Неправильно:
<р> i < 0 </р>
Правильно:
<р> i < 0 </р>
Если специальные символы невозможно заменить на HTML-эквиваленты, то их следует разместить внутри комментария
<script type="text/javascript">
<!--
var i = -10; if (i < 0) alert("Переменная i меньше нуля");
//-->
</script>
или внутри блока CDATA
<script type="text/javascript">
//< ! [CDATA[
var i = -10; if (i < 0) alert("Переменная i меньше нуля");
//]]>
</script>
Пример использования языка XHTML приведен в листинге 1.23.
Листинг 1.23. Пример использования языка XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>пример использования языка XHTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body>
<p>
<img src="foto.gif" alt="Альтернативный текст" />
Символ амперсанд внутри ссылки должен заменяться на HTML-эквивалент . <br />
<a href="index.php?id=5&name=Nik">Текст ссылки</a>
</p>
<form action="index.php">
<div>
<input type="text" name="txtl" />
<input type="submit" value="Отправить" />
</div>
</form>
</body>
</html>
Отправитель | Нити |
---|
14 пользователь(ей) активно (4 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 14 далее... |