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

Начав писать строгий HTML, вы можете подготовиться к XHTML.

Как подготовиться к XHTML

XHTML и стандарт HTML 4.01 имеют мало различий.

Так что обновление вашего кода до 4.01 - это отличный способ начать. Наше полное «Руководство по HTML 4.01》 поможет вам в этом.

Кроме того, вы должны сразу же начинать писать HTML код строчными буквами, и никогда не приучайте себя к плохой привычке игнорировать такие теги, как </p>.

Пожелаем вам приятного кодирования!

Основное различие:

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

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

В HTML某些元素可以不正确地嵌套，像这样:

<b><i>Этот текст жирный и курсивный</b></i>

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

<b><i>Этот текст жирный и курсивный</i></b>

Совет:Одна из частых ошибок в вложенных списках - забыть, что внутренний список должен быть внутри элемента li, как показано ниже:

Это неправильно:

<ul>
  <li>Coffee</li>
  <li>Чай
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  <li>Milk</li>
</ul>

Это правильно:

<ul>
  <li>Coffee</li>
  <li>Чай
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</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>