САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ

HTML Учебник

HTML Главная HTML Введение HTML Редакторы HTML Основы HTML Элементы HTML Атрибуты HTML Заголовки HTML Параграфы HTML Стили HTML Форматирование HTML Цитаты HTML Комментарии HTML Цвета HTML CSS HTML Ссылки HTML Изображения HTML Таблицы HTML Списки HTML Блоки HTML Класс HTML Идентификатор HTML Фреймы HTML JavaScript HTML Пути к файлам HTML Head HTML Макеты HTML Адаптивность HTML Компьютерный код HTML Семантика HTML Объект HTML Символы HTML Emojis HTML Кодировка HTML URL кодирование HTML XHTML HTML Гид по стилю

HTML Формы

HTML Формы HTML Элементы формы HTML Тип ввода HTML Атрибуты ввода

HTML 5

HTML5 Введение HTML5 Поддержка HTML5 Новые элементы HTML5 Переход

HTML Графика

HTML Canvas HTML SVG

HTML Media

HTML Медиа HTML Видео HTML Аудио HTML Плагины HTML YouTube

HTML API

HTML Геолокация HTML Drag/Drop HTML Web хранилище HTML Web работник HTML SSE

HTML Примеры

HTML Примеры HTML Викторина HTML Упражнения HTML Резюме HTML Доступность

HTML Справочник

HTML Список тегов HTML Атрибуты HTML Глоб. атрибуты HTML События HTML Цвета HTML Canvas HTML Аудио/Видео HTML Набор символов HTML DOCTYPE HTML URL Кодирование HTML Коды языков HTML Коды стран HTTP Сообщений HTTP Метод PX в EM Конвертер Горячие клавиши
Баннер ТОП

HTML и XHTML


XHTML - это HTML написанный как XML.


Что такое XHTML?

  • XHTML расшифровывается как EXtensible HyperText Markup Language - т.е. расширяемый HTML
  • XHTML почти идентичен HTML
  • XHTML является более строгим, чем HTML
  • XHTML - это HTML, определённый как программа XML
  • XHTML поддерживается всеми основными браузерами

Почему XHTML?

Многие страницы в Интернете содержат "плохой" HTML код.

Этот HTML-код отлично работает в большинстве браузеров (даже если он не соответствует правилам HTML):

<html>
<head>
  <title>Это плохой код HTML</title>

<body>
  <h1>Плохой HTML
  <p>Это параграф
</body>

Сегодняшний рынок состоит из разных браузерных технологий. Некоторые браузеры работают на компьютерах, а некоторые браузеры работают на мобильных телефонах или других небольших устройствах. Меньшим устройствам часто не хватает ресурсов или мощности для интерпретации "плохой" разметки.

XML - это язык разметки, где документы должны быть размечены правильно (должны быть "хорошо сформированные").

Если вы хотите изучать XML, пожалуйста, прочитайте наш XML Учебник.

XHTML был разработан путем объединения сильных сторон HTML и XML.

XHTML - это HTML, переработанный как XML.


Самые важные отличия от HTML:

Структура документа

  • XHTML DOCTYPE является обязательным
  • Атрибут xmlns в <html> является обязательным
  • <html>, <head>, <title> и <body> являются обязательными

XHTML элементы

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

XHTML Атрибуты

  • Имена атрибутов должны иметь нижний регистр
  • Необходимо указать значения атрибутов
  • Минимизация атрибутов запрещена

<!DOCTYPE ....> обязателен

XHTML документ должен иметь объявление XHTML DOCTYPE.

Полный список всех XHTML Doctypes можно узнать в HTML справочнике тегов.

Элементы <html>, <head>, <title> и <body> также должны присутствовать, а атрибут xmlns в <html> должен указывать пространство имён xml для документа.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Title of document</title>
</head>

<body>
  some content
</body>

</html>

В контенте

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

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

<b><i>This text is bold and italic</b></i>

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

<b><i>This text is bold and italic</i></b>

XHTML элементы всегда должны быть закрыты

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

<p>This is a paragraph
<p>This is another paragraph

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

<p>This is a paragraph</p>
<p>This is another paragraph</p>

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

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

A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

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

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML элементы должны быть в нижнем регистре

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

<BODY>
<P>This is a paragraph</P>
</BODY>

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

<body>
<p>This is a paragraph</p>
</body>

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

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

<table WIDTH="100%">

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

<table width="100%">

В контенте

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

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

<table width=100%>

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

<table width="100%">

Минимизация атрибутов запрещена

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

<input type="checkbox" name="vehicle" value="car" checked />

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

<input type="checkbox" name="vehicle" value="car" checked="checked" />

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

<input type="text" name="lastname" disabled />

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

<input type="text" name="lastname" disabled="disabled" />

Как конвертировать с HTML в XHTML

  1. Добавьте XHTML <!DOCTYPE> к первой строке каждой страницы
  2. Добавьте атрибут xmlns к html элементу каждой страницы
  3. Сделайте все названия элементов буквами нижнего регистра
  4. Закройте все пустые элементы
  5. Сделайте все названия атрибутов буквами нижнего регистра
  6. Возьмите в кавычки все значения атрибутов

Проверьте HTML с помощью валидатора W3C

Введите веб-адрес в поле ниже: