XHTML
Автор работы: Пользователь скрыл имя, 16 Сентября 2009 в 18:46
Описание работы
Различия между XHTML и HTML
Файлы: 1 файл
XHTML.doc
— 166.00 Кб (Скачать файл)Язык XHTML является более строгой и четкой версией языка разметки HTML.
В данном руководстве рассмотрены различия между HTML и XHTML, а также показано, как преобразовать Web-сайт на использование XHTML.
Введение в XHTML
Язык XHTML является более строгой и четкой версией языка HTML.
Что необходимо знать
Для понимания изложенного материала необходимо знать язык HTML и основы создания Web-страниц.
Что такое XHTML?
XHTML является сокращением от английского EXtensible HyperText Markup Language, что означает "Расширяемый язык разметки гипертекста".
XHTML предназначен для замены HTML.
XHTML почти совпадает с HTML 4.01.
XHTML является более
строгой и четкой версией
XHTML является языком HTML, определенным как приложение XML.
XHTML одобрен в качестве Рекомендации консорциумом W3C.
XHTML рекомендован консорциумом W3C
XHTML 1.0 был одобрен как Рекомендация W3C 26 января 2000 г..
W3C определяет XHTML как последнюю версию HTML. XHTML будет постепенно заменять HTML.
Все новые браузеры поддерживают XHTML
Язык XHTML совместим с HTML 4.01.
Все новые браузеры поддерживают XHTML.
Преобразование Web-сайта на использование XHTML
XHTML является переработкой
HTML 4.01 в соответствии с XML, и
может сразу использоваться
Что содержится в данном руководстве
Данное руководство рассматривает:
- Почему необходимо использовать XHTML
- Синтаксис XHTML
- Как преобразовать сайт на XHTML
- Проверка XHTML
- Модуляризация XHTML
Зачем нужен XHTML?
XHTML является объединением HTML и XML (EXtensible Markup Language – Расширяемого языка разметки).
XHTML состоит из всех элементов HTML 4.01, объединенных с синтаксисом XML.
Зачем нужен XHTML?
В настоящее время многие страницы в Интернет содержат "плохой" код HTML.
Следующий код HTML будет нормально работать при просмотре в браузере, даже хотя он не полностью следует правилам HTML:
<html>
<head>
<title>Это плохой код HTML</title>
<body>
<h1>Плохой код HTML
</body>
XML является языком разметки, в котором каждый элемент должен быть правильно размечен, что приводит к "грамматически-правильным" ("well-formed") документам.
Язык XML предназначен для описания данных, а язык HTML создан для представления данных.
На современном рынке представлены различные технологии браузеров, одни браузеры предназначены для использования Интернет на компьютерах, другие для использования Интернет на мобильных телефонах и c помощью карманных коммуникаторов. Последние устройства имеют недостаточно ресурсов или мощности для интерпретации "плохого" языка разметки.
Объединяя сильные стороны HTML и XML, мы получаем язык разметки, который будет полезен сегодня и в будущем -- XHTML.
Страницы XHTML можно читать с помощью любых устройств, которые поддерживают XML. Пока весь мир не перейдет на использование поддерживающих XML браузеров, XHTML предоставляет возможность сейчас писать "синтаксически-правильные" документы, которые можно использовать во всех браузерах.
------------------------------
Различия между XHTML и HTML
XHTML можно начать
использовать просто строго
Как переходить к использованию XHTML
XHTML не очень существенно отличается от стандарта HTML 4.01.
Поэтому хорошим началом будет приведение кода к стандарту 4.01.
Кроме того, необходимо писать код HTML символами нижнего регистра, и никогда не пропускать завершающие теги (такие как </p>).
Вот собственно и все. Удачного кодирования!
Наиболее важные различия
Элементы XHTML должны быть правильно вложены
Элементы XHTML всегда должны быть замкнутыми
Элементы XHTML должны записываться в нижнем регистре
Документы XHTML должны иметь один корневой элемент
Элементы XHTML должны быть правильно вложены
В HTML некоторые элементы могут вкладываться друг в друга некорректно, например как в случае: <b><i>Этот текст жирный и наклонный</b></i>
В XHTML все элементы должны правильно вкладываться друг в друга, например: <b><i>Этот текст жирный и наклонный</i></b>
Примечание: Достаточно часто при создании вложенных списков забывают о том, что внутренний список должен находится между тегами <li> и </li>.
Неправильно:
<ul>
<li>Кофе</li>
<li>Чай
<ul>
<li>Черный чай</li>
<li>Зеленый чай</li>
</ul>
<li>Молоко</li>
</ul>
Правильно:
<ul>
<li>Кофе</li>
<li>Чай
<ul>
<li>Черный чай</li>
<li>Зеленый чай</li>
</ul>
</li>
<li>Молоко</li>
</ul>
Обратите внимание, что в примере "правильного" кода вставлен тег </li> после тега </ul>.
Элементы XHTML всегда должны быть замкнутыми
Непустые элементы должны иметь замыкающий тег.
Неправильно:
<p>Это -- параграф
<p>Это -- еще один параграф
Правильно:
<p>Это -- параграф </p>
<p>Это -- еще один параграф </p>
Пустые элементы должны быть замкнуты
Пустые элементы должны иметь замыкающий тег или начальный тег должен заканчиваться символами />.
Неправильно:
Разрыв строки: <br>
Горизонтальная линия: <hr>
Изображение: <img src="happy.gif" alt="Веселое лицо ">
Правильно:
Разрыв строки: <br />
Горизонтальная линия: <hr />
Изображение: <img src="happy.gif" alt="Веселое лицо " />
Элементы XHTML должны записываться в нижнем регистре
Спецификация XHTML определяет, что имена и атрибуты тегов должны записываться в нижнем регистре.
Неправильно:
<BODY>
<P>Параграф </P>
</BODY>
Правильно:
<body>
<p>Параграф </p>
</body>
Документы XHTML должны иметь один корневой элемент
Все элементы XHTML должны быть вложены в корневой элемент <html>. Все другие элементы могут иметь вложенные элементы (потомков). Вложенные элементы должны быть парными и правильно вкладываться в свой родительский элемент. Общая структура документа имеет следующий вид:
<html>
<head> ... </head>
<body> ... </body>
</html>
Синтаксис XHTML
При записи документа XHTML требуется использовать четкий синтаксис HTML.
Дополнительные правила синтаксиса XHTML
- Имена атрибутов должны записываться в нижнем регистре
- Значения атрибутов должны заключаться в кавычки
- Минимизация атрибутов запрещена
- Атрибут id заменяет атрибут name
- DTD XHTML определяет обязательные элементы
Имена атрибутов должны записываться в нижнем регистре
Неправильно:
<table WIDTH="100%">
Правильно:
<table width="100%">
Значения атрибутов должны заключаться в кавычки
Неправильно:
<table width=100%>
Правильно:
<table width="100%">
Минимизация атрибутов запрещена
Неправильно:
<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>
Правильно:
<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />
Ниже представлен список минимизированных атрибутов HTML и их запись в XHTML.
| HTML | XHTML |
| compact | compact="compact" |
| checked
declare |
checked="checked"
declare="declare" |
| readonly | readonly="readonly" |
| disabled | disabled="disabled" |
| selected | selected="selected" |
| defer | defer="defer" |
| ismap | ismap="ismap" |
| nohref | nohref="nohref" |
| noshade | noshade="noshade" |
| nowrap | nowrap="nowrap" |
| multiple | multiple="multiple" |
| noresize | noresize="noresize" |
Атрибут id заменяет атрибут name
HTML 4.01 определяет атрибут name для элементов a, applet, frame, iframe, img, и map. В XHTML атрибут name исключен. Вместо него используется атрибут id.