HTML и XHTML

Сейчас есть тенденция, чтобы код Веб-страницы соответствовал стандартам языка XHTML, либо чтобы страничка веб-сайта полностью была оформлена как xhtml-документ. Язык XHTML (EXtensible HyperText Markup Language, Расширенный язык разметки гипертекста) является промежуточным языком между HTML и XML. Язык XML (Extensible Markup Language, Расширяемый Язык Разметки)– это язык позволяющий создавать свои теги. Язык XML отличается от HTML не только возможностью создавать свои теги, но и подходом к обработке документа браузером. XML имеет строгий набор правил оформления документа, при нарушении которых, браузер должен забраковать данный документ. В отличие от XML, выполнение документа HTML должно быть продолжено в любом случае, и браузер должен игнорировать ошибки и отобразить хоть что-нибудь. Язык XHTML разрабатывался для замены HTML, и представляет собой HTML оформленный по более строгим правилам. При обработке XHTML-документа также как и при обработке XML-документа, ошибки не допускаются.
Кратко приведу лишь некоторые правила XHTML, которые можно использовать при написании документов на HTML.
1. Каждый тег должен закрываться (то есть у каждого тега должен быть закрывающий тег). Например, для тега абзаца должен быть записан следующий код
Код
<p> Текст абзаца </p>

Хотя в документе HTML наличие закрывающего тега </p> не обязательно, и браузер без закрывающего тега </p>, нормально отобразит страничку.
В HTML некоторым тегам в принципе не нужен закрывающий тег, например, тег перевода строки <br>, но для соответствия стандартам XHTML, этот тег можно записать следующим образом
Код
<br></br> или <br />

Последний вариант, по моему мнению, использовать наиболее предпочтительнее. Еще для примера приведу тег, который вставляет картинку на страничку веб-сайта
Код
<img scr="image1.gif" /> или <img scr="image1.gif"></img>

2. Атрибуты тегов должны иметь значения в кавычках. То есть у атрибута должно быть значение, и это значение должно быть заключено в кавычки (кавычки можно использовать двойные " или одинарные '). Но в документах HTML это необязательно ( просматривая код некоторых веб-сайтов можно увидеть, что атрибуты не заключены в кавычки). Например
Код
<img src="images1.gif" alt="рисунок" height="100px" width="100px" />

В форме поле типа "radio" выбранное по умолчанию в HTML можно записать так
Код
<input type="radio" name="name1" value="value1" checked>

В XHTML эта запись приведет к ошибке, эту строчку для соответствия стандартам XHTML нужно будет записать следующим образом
Код
<input type="radio" name="name1" value="value1" checked="checked">

3. Названия тегов чувствительны к регистру. То есть в соответствии со стандартами XHTML, нельзя написать следующее
Код
<h1>Заголовок</H1>

Эта запись приведет к ошибке. Также все HTML теги нужно записывать в нижнем регистре. Таким образом, получим, что вышеприведенную запись нужно будет записать так
Код
<h1>Заголовок</h1>

4. Элементы не могут перекрываться. В HTML и XHTML элементом является начальный тег, конечный тег и содержимое заключенное этими двумя тегами. Например
Код
<b>Я учу HTML</b>

Элемент <b> содержит текст «Я учу HTML». Элементы также могут содержать атрибуты и дочерние элементы.
Таким образом, следующая запись в XHTML, приведет к ошибке
Код
<b>Я учу <i>HTML</b> и XHTML </i>

Нужно будет записать так
Код
<b>Я учу <i>HTML</i></b><i> и XHTML </i>

5. Документ XHTML должен содержать один корневой элемент (в частности <html>), то есть содержимое документа должно содержаться в одном элементе, который может содержать текст и любые другие элементы. Например
Код
<html>
<head>
Содержимое заголовка
</head>
<body>
Какое-либо содержимое тела
<script>
/* код скрипта */
</script>
</body>
</head>

Но следующий код при выполнении XHTML-документа приведет к ошибке
Код
<html>
<head>
Содержимое заголовка
</head>
<body>
Какое-либо содержимое тела
</body>
</head>
<script>
/* код скрипта */
</script>

 

В общем, это оформление кода веб-странички, соответствующее стандартам XHTML, делает код грамотным, чистым и правильным. Тем, кто собирается и в дальнейшем разрабатывать сайты лучше придерживаться приведенных правил.
Ну а если хотите создать XHTML-документ, то нужно оформить страничку, используя следующее.
В начале документа должно быть описание XHTML-документа, с использованием тега <!DOCTYPE>. Я думаю, для начала подойдет такой тип
Код
<!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". Таким образом, получим шаблон 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>
Содержимое заголовка
</head>
<body>
Содержимое тела документа
</body>
</html>

При использовании данного шаблона остается лишь содержимое заголовка и тела нужного HTML-документа оформить в соответствии свыше приведенными правилами.
Также нужно не забыть изменить расширение файла с кодом на xhtml, например, index.xhtml .
Опубликовано 20 июля 2008 г.
Теги: html, xhtml
Комментарии к публикации
Всего комментариев: 2
прохожий: garmin | 07.08.2009, 00:31 #
Спасибо большое ваш сайт мне очень помог в верстке моего сайта...
прохожий: виктор | 04.06.2010, 22:15 #
сайт: www.symple.ru
теперь стало понятно
Вход в аккаунт
Партнеры сайта
курсы по дизайну интерьера
Новости сайта