HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

Урок 3 Отличия HTML от XHTML


« Назад Далее »

Подготовка к XHTML

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

Таким образом, приведение вашего кода к стандарту HTML 4.01 - это хороший старт.

Наш полный справочник HTML 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>Чай
    <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 Элементы Должны Быть В Нижнем Регистре

Названия тегов и атрибуты должны быть в нижнем регистре.

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

<BODY>
<P>Это параграф</P>
</BODY>

Корректно:

<body>
<p>Это параграф</p>
</body>


XHTML Документы Должны Иметь Один Корневой Элемент

Все элементы XHTML должны быть вложены в корневой элемент <html>. Дочерние элементы должны быть спарены и корректно вложены в свой родительский элемент.

Базовая структура документа:

<html>
<head> ... </head>
<body> ... </body>
</html>




« Назад Далее »
© 2011-2017 Уроки HTML
Рейтинг@Mail.ru