САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ
×

HTML5 Учебник

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

HTML Формы

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

HTML5

HTML5 Введение HTML5 Поддержка HTML5 Новые Элементы HTML5 Семантика HTML5 Миграция HTML5 Синтасис

HTML Графика

HTML Canvas HTML SVG HTML Google Карта

HTML Медиа

HTML Медиа HTML Видео HTML Аудио HTML Объекты HTML YouTube

HTML API

HTML Геолокация HTML Перетаскивание HTML Веб Хранилище HTML Веб Работник HTML СОС

HTML Примеры

HTML Примеры HTML Викторина HTML Упражнения HTML Сертификат HTML Заключение HTML Возможности

HTML Справочники

HTML Список Тегов HTML Атрибуты HTML Глобальные HTML События HTML Цвета HTML Холст HTML Аудио/Видео HTML Декларации HTML Набор Кодировок HTML URL Код HTML Коды языка HTML Коды стран HTTP Сообщения HTTP Методы Ковертер PX в EM Клавишные комбинации

HTML XHTML



XHTML является HTML написанный в формате XML.


Что такое XHTML?

  • XHTML - EXtensible HyperTextMarkup Language (Открытый Язык Разметки Гипертекста)
  • 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.

Сочетая преимущества HTML и XML было разработано XHTML.

XHTML это HTML написанный в формате XML.


Наиболее важные отличия от HTML:

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

  • XHTML DOCTYPE является обязательным
  • XHTML атрибут <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>
</head>

<body>
 наполнение контентом
</body>

</html>

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

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

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

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

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

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

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

<p>Это параграф
<p>Это еще один параграф

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

<p>Это параграф</p>
<p>Это еще один параграф</p>

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

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

Разрыв и слеш: <br>
Разрыв и слеш: <hr>
Разрыв и слеш: <img src="happy.gif" alt="Радостное лицо">

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

Разрыв и слеш: <br />
Разрыв и слеш: <hr />
Разрыв и слеш: <img src="happy.gif" alt="Happy face" />

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

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

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

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

<body>
<p>Это параграф</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 Валидатора

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