Чем отличается XHTML от HTML?

При верстке страниц сайта вы должны определить, какой из стандартов будете использовать: HTML или XHTML. Для этого надо четко понимать, в чем их разница.

Вообще, основное отличие XHTML от HTML в том, что синтаксис XHTML основан на XML, поэтому он более строгий.

Ниже я привел 5 основных отличий синтаксиса XHTML от HTML.

1. Все теги должны быть закрыты

Парные теги в XHTML, также как и в HTML, всегда должны закрываться. А одиночные теги (например: <img>, <br> или <input>), тоже должны быть закрыты добавлением слэша в конце.

В HTML мы бы написали просто:

<img src="photo.jpg" alt="Фото">

А вот в XHTML нам обязательно требуется в конце добавить / (слэш):

<img src="photo.jpg" alt="Фото" />

Таким образом, мы и закрываем одиночные теги.

2. Теги и атрибуты должны писаться в нижнем регистре (строчными буквами)

Обязательно весь код в XHTML пишите только строчными буквами:

<img src="photo.jpg" alt="Фото">

Т.е. код написанный в верхнем регистре (заглавными буквами) будет считаться неправильным.

3. Значения атрибутов должны быть в кавычках

В HTML нам позволялось опускать кавычки и можно было прописывать значения атрибутов с ними или без них:

<img src="photo.jpg" alt="Фото" width=100 height=100>

В XHTML такая вольность отсутствует и нам следует писать все значения атрибутов только в кавычках:

<img src="photo.jpg" alt="Фото" width="100" height="100" />

4. Булевы атрибуты записываются в развёрнутом виде

В HTML есть булевы атрибуты (например: checked, selected и т.д.) и они прописываются без значения.

<input type="radio" value="1" checked>

В XHTML такого рода атрибуты всегда записывают следующим образом:

<input type="radio" value="1" checked="checked" />

Т.е мы в значении атрибута просто дублируем его название.

5. Спецсимволы должны быть заменены

Любой спецсимвол (например: > или &) вы не должны прописывать напрямую в коде, вам вместо него требуется указывать специальный код. Например, & (амперсанд) необходимо заменить на &amp; или > (знак больше) заменить на &gt; и т.д.

Как видно, основное отличие касается всего лишь синтаксиса. В остальном же они очень схожи.
Многие новички спрашивают, что лучше XHTML или HTML? На самом деле на этот вопрос нет однозначного ответа, это все дело вкуса. Ведь все браузеры одинаково корректно будут отображать ваш сайт и на XHTML и на HTML. Поэтому что выбирать, зависит только от вас. Главное, что действительно стоит соблюдать, так это чтобы страница была сверстана в соответствии с DOCTYPE, который вы указали.

Лично для себя, я выбрал XHTML т.к. я привык писать чистый и красивый код. Да и вообще валидность документа для меня в приоритете.

А что используете вы, HTML или XHTML?

Добавить комментарий

  • http://webcareer.ru/chem-otlichaetsya-xhtml-html.html
    4. Булевы атрибуты записываются в развёрнутой виде
    Наверно "в развёрнутоМ виде"?