English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Основной учебник HTML

Медиа HTML

Руководство по HTML

Основной учебник HTML5

API HTML5

Медиа HTML5

Введение в XHTML

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

Что такое XHTML?

  • XHTML означает расширяемый язык гипертекстовых маркеров

  • XHTML почти идентичен HTML 4.01.

  • XHTML является более строгой и чистой версией HTML.

  • XHTML определен как HTML, используемый как приложение XML.

  • XHTML является рекомендованным стандартом W3C, опубликованным в январе 2001 года.

  • XHTML поддерживается всеми主流ыми браузерами.

Почему использовать XHTML?

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

Если просмотреть этот HTML-код в браузере, он будет работать нормально (даже если он не соблюдает правила HTML):

<html>
<head>
<meta charset="utf-8">
<title>Это некорректный HTML</title>
<body>
<h1>Некорректный HTML
<p>Это абзац
</body>

XML является маркером, который должен быть правильно помечен и хорошо форматирован.

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

Таким образом - благодаря сочетанию преимуществ XML и HTML, был разработан XHTML. XHTML является HTML, перепроектированным как XML.

Основное различие по сравнению с HTML:

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

  • XHTML DOCTYPE является.Обязательные.

  • XML namespace-атрибут в <html> является.Обязательные.

  • <html>, <head>, <title> и <body> также.Обязательные.

Синтаксис элементов.

  • Элементы XHTML должны.Правильно вложены.

  • Элементы XHTML должны всегда.Закрывать.

  • Элементы XHTML должны.Нижний регистр.

  • Документ XHTML должен иметь.Одна корневая элемент.

Синтаксис свойств.

  • Свойства XHTML должны использовать.Нижний регистр.

  • Значения свойств XHTML должны быть окружены.Цитаты окружают.

  • Минимизация свойств XHTML также.Запрещено.

<!DOCTYPE ....> является обязательным.

Документ XHTML должен содержать декларацию типа документа XHTML (XHTML DOCTYPE declaration).

Полный список тегов можно найти в справочнике тегов базового руководства: Тип документа XHTML.

Элементы <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>
  <meta charset="utf-8">
  <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="Улыбающаяся лицо" />

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

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

<BODY>
<P>Это абзац</P>
</BODY>

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

<body>
<p>Это абзац</p>
</body>

Имя свойства должно быть строчным

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

<table WIDTH="100%">

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

<table width="100%">

Значение свойства должно быть в кавычках

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

<table width=100%>

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

<table width="100%">

Запрещены сокращения свойств

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

<input checked>
<input readonly>
<input disabled>
<option selected>

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

<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">

Как преобразовать HTML в XHTML

  • Добавьте XHTML <!DOCTYPE> к вашей веб-странице

  • Добавьте атрибут xmlns к каждому элементу html на каждой странице.

  • Измените все элементы на строчные

  • Закройте все пустые элементы

  • Измените все имена атрибутов на строчные буквы

  • Добавьте к всем значениям свойств кавычки

  • Используйте валидатор W3C для тестирования вашего XHTML

    Введите ваш URL в поле ввода ниже: