ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ

HTML5 Учебник

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 Голова веб-страницы HTML Макеты HTML Адаптивность HTML Компьютерный код HTML Символьные объекты HTML Символы HTML Кодировка HTML URL кодирование HTML XHTML

HTML Формы

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

HTML5

HTML5 Введение HTML5 Поддержка HTML5 Новые элементы HTML5 Семантические элементы HTML5 Переход с HTML4 HTML5 Гид по стилю

HTML Графика

HTML Canvas HTML SVG

HTML Медиа

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 Цвета HTML Canvas HTML Аудио/Видео HTML Действующие Doctype HTML Наборы символов HTML URL кодировка HTML Кодировка языка HTTP Сообщения HTTP Методы PX в EM Конвертер Горячие клавиши

HTML5. Уроки для начинающих

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

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