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

Чем отличается 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?

Понравилась статья?

Тогда оставь свой комментарий или расскажи о ней своим друзьям и коллегам.

Комментарии ВКонтакте

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

Александр 3 сентября 2015 г. в 23:03

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

Ответить
Наверх

Скачивание материалов доступно
только подписчикам!

Если вы подпишитесь, то сможете сразу же получить доступ ко всем материалам этого блога

Подписка бесплатная и займет у вас
не более 1 минуты

Получение доступа к материалам

Для получения доступа, заполните форму ниже. Введите свое настоящее имя и e-mail

« Вернуться назад

Проверьте свой почтовый ящик

и подтвердите подписку

После этого вы сразу же получите доступ ко всем материалам этого блога

Введите e-mail, который вы указывали при подписке

Мы проверим его по базе подписчиков и если вы на самом деле подписывались, то доступ для вас сново будет открыт

« Вернуться назад