Последние учебники веб-разработки
×

HTML5 Руководство

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 Iframes HTML JavaScript HTML Глава HTML юридические лица HTML Символы HTML Charset HTML URL шифровать HTML XHTML

HTML формы

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

HTML5

HTML5 вступление HTML5 Поддержка HTML5 элементы HTML5 Семантика Миграция HTML5 HTML5 Гид по стилю

HTML Графика

HTML холст HTML SVG

HTML СМИ

HTML СМИ HTML видео HTML аудио HTML Плагины HTML YouTube

HTML APIs

HTML Geolocation HTML Перетаскивания HTML Локальное хранилище HTML App кэш HTML Web Workers HTML SSE

HTML Примеры

HTML Примеры HTML викторина HTML5 викторина HTML Резюме

HTML Рекомендации

HTML Список тегов HTML Атрибуты HTML События HTML холст HTML Аудио Видео HTML DOCTYPEs HTML Цвета HTML Наборы символов HTML URL шифровать HTML Языковые коды HTTP Сообщения HTTP методы PX to EM конвертер Горячие клавиши

HTML и XHTML


XHTML является HTML записывается в виде XML.


Что такое XHTML?

  • XHTML означает расширяемый язык гипертекстовой разметки
  • XHTML практически идентичен HTML
  • XHTML строже HTML
  • XHTML является HTML определяется как приложение XML
  • XHTML поддерживается всеми основными браузерами

Почему XHTML?

Многие страницы в Интернете содержат "bad" HTML.

Этот HTML - код хорошо в большинстве браузеров работает (even if it does not follow the HTML rules) :

<html>
<head>
  <title>This is bad HTML</title>

<body>
  <h1>Bad HTML
  <p>This is a paragraph
</body>

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

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

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

Объединив преимущества HTML и XML, XHTML был разработан.

XHTML является HTML переработан в XML.


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

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

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

XHTML элементы

  • XHTML элементы должны быть properly nested
  • XHTML элементы должны быть всегда closed
  • XHTML элементы должны быть в lowercase
  • XHTML - документы должны иметь one root element

XHTML Атрибуты

  • Имена атрибутов должны быть в lower case
  • Значения атрибутов должны быть quoted
  • Минимизация атрибутов является forbidden

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

XHTML документ должен иметь декларацию DOCTYPE XHTML.

Полный список всех XHTML DOCTYPEs находится в нашем HTML - теги Reference.

<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. Quote все значения атрибутов

Проверка XHTML с W3C Validator

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