AJAX загрузка
home

В данной главе будут приведены все существующие отличия XHTML от HTML.

Отличия XHTML от HTML

XHTML имеет одинаковый с HTML набор тэгов.

XHTML отличается от HTML более строгим синтаксисом.

Далее в данной главе будут приведены все существующие отличия XHTML от HTML.

Все XHTML элементы должны иметь конечный тэг

Все XHTML элементы должны иметь конечный тэг.

Неправильно размеченный документ:

<p>Это первый абзац.
<h1>Этот первый заголовок.

Правильно размеченный документ:

<p>Это первый абзац.</p>
<h1>Этот первый заголовок.</h1>

Элементы с пустым содержимым должны иметь вложенный конечный тэг.

Неправильно размеченный документ:

<p>Это первый абзац</p>
<br>
<hr>
<img src='xhtml.jpg' alt='xhtml'>
<input type='button' value='Кнопка'>

Правильно размеченный документ:

<p>Это первый абзац <br /> </p>
<hr />
<img src='xhtml.jpg' alt='xhtml' />
<input type='button' value='Кнопка' />

Названия тэгов в XHTML должны быть написаны строчными буквами

Названия тэгов в XHTML должны быть написаны строчными буквами.

Неправильно размеченный документ:

<HR />
<P> Это первый абзац </P>
<P> Это второй абзац </P>

Правильно размеченный документ:

<hr />
<p> Это первый абзац </p>
<p> Это второй абзац </p>

Все XHTML элементы должны быть корректно вложены в друг друга

Неправильно размеченный документ:

<p><i>Текст этого абзаца написан курсивным шрифтом.</p></i>

Правильно размеченный документ:

<p><i>Текст этого элемента написан курсивным шрифтом.</i></p>

Содержимое всех XHTML атрибутов должно быть заключено в кавычки, а их имена должны быть написаны строчными буквами

Неправильно размеченный документ:

<img SRC=hello.jpg />
<p ID=par1> Это первый параграф </p>
<h1 CLASS=head1> Это первый заголовок </h1>

Правильно размеченный документ:

<img src="hello.jpg" />
<p id="par1"> Это первый параграф </p>
<h1 class="head1"> Это первый заголовок </h1>

Логические атрибуты в XHTML нельзя сокращать

Неправильно размеченный документ:

<input checked>
<input readonly>
<input disabled>
<option selected>

Правильно размеченный документ:

<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">

Сделайте сами

Задание 1 сделайте код HTML документа XHTML совместимым. После того, как код будет переписан проверьте его с помощью Валидатора W3C.

Пример 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Экономика</title>
</head>
<body>
<H2>Экономика</H2>
<P><B>Экономика</B> (в переводе с греч. <I>
«правила ведения хозяйства»</I>) — хозяйственная деятельность общества, 
а также вообще совокупность отношений, складывающихся в системе производства,
 распределения, обмена и потребления.
<BR><BR>
<P STYLE=font-size:13px;><b><i>Экономика</b></i> — 
это система хозяйствования, включающая отрасли материального производства и 
нематериальной сферы. Нематериальной сферой экономики принято считать религию, 
искусство, науку, здравоохранение, образование, спорт. Экономика общества 
представляет собой сложный и всеохватывающий организм, который обеспечивает 
жизнедеятельность каждого человека и общества в целом.
<HR>
<H2>Формы экономики</h2>
<p>Выделяют четыре основные формы экономики:
<ul>
<li>рыночную
<li>административно-командную
<li>традиционную
<li><i>смешанную</li></i>
<BR><BR>
</body>
</html>
Попробовать в редакторе