Опубликован: 19.10.2006 | Уровень: для всех | Доступ: свободно
Дополнительный материал 2:

Учебное руководство по XHTML

< Дополнительный материал 1 || Дополнительный материал 2: 123456

Различия между XHTML и HTML

XHTML можно начать использовать просто строго следуя правилам HTML.

Как переходить к использованию XHTML

XHTML не очень существенно отличается от стандарта HTML 4.01.

Поэтому хорошим началом будет приведение кода к стандарту 4.01.

Кроме того, необходимо писать код HTML символами нижнего регистра, и никогда не пропускать завершающие теги (такие как </p> ).

Вот собственно и все. Удачного кодирования!

Наиболее важные различия

Элементы XHTML должны быть правильно вложены

Элементы XHTML всегда должны быть замкнутыми

Элементы XHTML должны записываться в нижнем регистре

Документы XHTML должны иметь один корневой элемент

Элементы XHTML должны быть правильно вложены

В HTML некоторые элементы могут вкладываться друг в друга некорректно, например как в случае: <b><i>Этот текст жирный и наклонный</b></i>

В XHTML все элементы должны правильно вкладываться друг в друга, например: <b><i>Этот текст жирный и наклонный</i></b>

Примечание: Достаточно часто при создании вложенных списков забывают о том, что внутренний список должен находится между тегами <li> и </li>.

Неправильно:

<ul>
  <li>Кофе</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>.

Элементы XHTML всегда должны быть замкнутыми

Непустые элементы должны иметь замыкающий тег.

Неправильно:

<p>Это -- параграф 
<p>Это -- еще один параграф

Правильно:

<p>Это -- параграф </p>
<p>Это -- еще один параграф </p>

Пустые элементы должны быть замкнуты

Пустые элементы должны иметь замыкающий тег или начальный тег должен заканчиваться символами />.

Неправильно:

Разрыв строки: <br>
Горизонтальная линия: <hr>
Изображение: <img src="happy.gif" alt="Веселое лицо ">

Правильно:

Разрыв строки: <br />
Горизонтальная линия: <hr />
Изображение: <img src="happy.gif" alt="Веселое лицо " />

Элементы XHTML должны записываться в нижнем регистре

Спецификация XHTML определяет, что имена и атрибуты тегов должны записываться в нижнем регистре.

Неправильно:

<BODY>
<P>Параграф </P>
</BODY>

Правильно:

<body>
<p>Параграф </p>
</body>

Документы XHTML должны иметь один корневой элемент

Все элементы XHTML должны быть вложены в корневой элемент <html>. Все другие элементы могут иметь вложенные элементы (потомков). Вложенные элементы должны быть парными и правильно вкладываться в свой родительский элемент. Общая структура документа имеет следующий вид:

<html>
<head> ... </head>
<body> ... </body>
</html>
< Дополнительный материал 1 || Дополнительный материал 2: 123456
Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Рустам Рахимов
Рустам Рахимов

Пол часа искал в интеренете, как что работает. Такое чувство что автор пишет для людей которые уже знают js, или просто хвастается своими знаниями. Конструкция формы непонятна. И можно было бы в кратце написать, что такое событие которое используют. Сорершенно не понятно как работает форма, и как брать из нее значение. 

function Complete() {

    var x = "Имя: " + document.tutform.firstname.value;

alert(x);

} - Так брать значение из формы tutform, firstname-получаем значение из имени. 

<INPUT TYPE="button" VALUE="Готово" onClick="Complete();"> - Нужно к кнопке прописать событие, при нажатие на кнопку готово, чтобы возвращалось значение с помощью функции. А так ничего не работает, и смысла учить нету, если не знать почему не работает.