Учебник по 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-фреймы HTML JavaScript Пути HTML-файлов HTML-голова HTML-макет HTML Отзывчивый HTML компьютерный код HTML-семантика Руководство по стилю HTML HTML-сущности HTML-символы HTML-смайлики HTML-кодировка HTML-кодирование URL-адреса HTML против XHTML

HTML -формы

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

HTML- графика

HTML-холст HTML SVG

HTML- медиа

HTML-медиа HTML-видео HTML-аудио HTML-плагины HTML YouTube

HTML -API

HTML-геолокация Перетаскивание HTML Веб-хранилище HTML Веб-воркеры HTML HTML SSE

HTML- примеры

HTML-примеры HTML-викторина HTML-упражнения HTML-сертификат Резюме HTML Доступность HTML

HTML -ссылки

Список тегов HTML HTML-атрибуты Глобальные атрибуты HTML Поддержка HTML-браузера HTML-события Цвета HTML HTML-холст HTML-аудио/видео Типы документов HTML Наборы символов HTML HTML-кодирование URL-адреса Языковые HTML-коды HTTP-сообщения HTTP-методы Конвертер PX в EM Горячие клавиши

HTML против XHTML


XHTML — это более строгая версия HTML, основанная на XML.


Что такое XHTML?

  • XHTML расшифровывается как E X tensible Hyper Text Markup Language .
  • XHTML — это более строгая версия HTML, основанная на XML.
  • XHTML — это HTML, определенный как XML-приложение.
  • XHTML поддерживается всеми основными браузерами.

Почему XHTML?

XML — это язык разметки, в котором все документы должны быть правильно размечены («правильно сформированы»).

XHTML был разработан, чтобы сделать HTML более расширяемым и гибким для работы с другими форматами данных (такими как XML). Кроме того, браузеры игнорируют ошибки в HTML-страницах и пытаются отобразить веб-сайт, даже если на нем есть ошибки в разметке. Таким образом, XHTML имеет гораздо более строгую обработку ошибок.

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


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

  • <!DOCTYPE> является обязательным
  • Атрибут xmlns в <html> является обязательным .
  • <html>, <head>, <title> и <body> являются обязательными.
  • Элементы всегда должны быть правильно вложены
  • Элементы всегда должны быть закрыты
  • Элементы всегда должны быть в нижнем регистре
  • Имена атрибутов всегда должны быть в нижнем регистре
  • Значения атрибутов всегда должны быть заключены в кавычки.
  • Минимизация атрибута запрещена


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

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

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

Пример

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Title of document</title>
</head>
<body>

  some content here...

</body>
</html>

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

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

Правильный:

<b><i>Some text</i></b>

Неправильный:

<b><i>Some text</b></i>

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

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

Правильный:

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

Неправильный:

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

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

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

Правильный:

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 должны быть в нижнем регистре

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

Правильный:

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

Неправильный:

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

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

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

Правильный:

<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

Неправильный:

<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

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

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

Правильный:

<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

Неправильный:

<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>

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

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

Правильный:

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

Неправильный:

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

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

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