Плохой код HTML

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

Язык XML предназначен для описания данных, а язык HTML создан для представления данных.

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

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

Страницы XHTML можно читать с помощью любых устройств, которые поддерживают XML. Пока весь мир не перейдет на использование поддерживающих XML браузеров, XHTML предоставляет возможность сейчас писать "синтаксически-правильные" документы, которые можно использовать во всех браузерах.

--------------------------------------------------------------------------------------------------------------------

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Используйте это определение, когда надо воспользоваться средствами представления HTML, и когда необходимо обеспечить поддержку для браузеров, которые не понимают каскадные таблицы стилей.

XHTML 1.0 Frameset

PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Укажите это определение, когда будут использоваться фреймы HTML, чтобы разделить окно браузера на два или большее количество фреймов.

Как использовать XHTML

Преобразование сайта на XHTML

Чтобы преобразовать Web-сайт с языка HTML на XHTML, необходимо знать правила синтаксиса XHTML, которые были рассмотрены выше. Затем необходимо выполнить следующие действия (в указанном порядке):

Добавить определение DOCTYPE

В качестве первой строки каждой страницы добавляют следующее объявление DOCTYPE:

"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Лучше использовать сначала переходное определение DTD (Transitional). Можно выбрать и строгое определение DTD (Strict), но оно немного слишком "строгое" на начальном этапе, и ему труднее соответствовать.

Замечание о DOCTYPE

Web-cтраницы должны иметь объявление DOCTYPE, если желательно, чтобы они были определены как правильные согласно XHTML.

Надо помнить, однако, что более новые браузеры (такие как Internet Explorer 6) могут обрабатывать документ по-разному, в зависимости от объявления . Если браузер читает документ с DOCTYPE, то он может интерпретировать документ как "правильный". Плохо сформированный XHTML может выводиться иначе, чем при отсутствии DOCTYPE.

Имена тегов и атрибутов записать в нижнем регистре

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

Все атрибуты заключают в кавычки

Так как рекомендация W3C для XTML 1.0 говорит, что значения всех атрибутов должны быть заключены в кавычки, то необходимо проверить все Web-страницы, чтобы значения всех атрибутов были правильно заключены в кавычки. Это трудоемкая работа, поэтому рекомендуется в будущем никогда не забывать использовать кавычки для значений атрибутов.

Пустые теги:

---

,
и

В XHTML пустые теги не разрешены. Теги

Это создает проблему с браузером Netscape, который неправильно интерпретирует тег
. Но к счастью, по неизвестной причине, замена его на
прекрасно работает. В этом случае также необходимо выполнить глобальный поиск и замену соответствующих тегов.

Некоторые другие теги (такие как тег ) страдают от такой же проблемы. В данном случае можно не использовать тег замыкания , а добавить /> в конце тега.

Проверка (валидация) Web-сайта

После выполнения всех преобразований все имеющиеся страницы проверяются согласно официальному DTD W3C с помощью следующей ссылки на XHTML Validator (http://validator.w3.org/check/referer). Возможные не выявленные на начальном этапе ошибки надо будет отредактировать вручную. Наиболее распространенной ошибкой бывает отсутствие в списках тегов замыкающего .

Имеются ли какие-либо специальные инструментальные средства для преобразования? Да, можно использовать утилиту TIDY.

Бесплатная утилита Дейва Рагетта HTML TIDY (http://www.w3.org/People/Raggett/tidy/) предназначена для проверки кода HTML. Она также отлично справляется с трудночитаемыми разметками документов, созданными специальными редакторами HTML и инструментальными средствами конвертации, и может помочь определить места кода, требующие дополнительного внимания, чтобы сделать Web-страницы более доступными для людей с физическими недостатками.

Проверка XHTML

Документ XHTML проверяется согласно Определению типа документа.

Проверка XHTML в соответствии с DTD

Документ XHTML проверяют на соответствие определению типа документа (DTD). Прежде чем можно будет проверить файл XHTML, необходимо добавить в качестве первой строки правильный DTD.

Strict DTD содержит элементы и атрибуты, которые не были исключены и не связаны с фреймами:

!DOCTYPE html PUBLIC

"-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"

Transitional DTD содержит все из Strict DTD плюс исключенные элементы и атрибуты:

!DOCTYPE html PUBLIC

"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

Frameset DTD содержит все из Transitional DTD плюс фреймы:

!DOCTYPE html PUBLIC

"-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

Простой документ XHTML имеет следующий вид:

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

простой параграф

Модуляризация XHTML

Модель модуляризации XHTML определяет модули XHTML.

Зачем нужна модуляризация XHTML?

XHTML является простым, но большим языком. XHTML содержит большинство функций, которые могут понадобиться Web-разработчику.

Для некоторых целей XHTML является слишком большим и сложным, а для других целей он слишком прост.

Разделяя XHTML на модули, консорциум W3C создал небольшие и строго определенные множества элементов XHTML, которые можно использовать отдельно для простых устройств, а также в соединении с другими стандартами XML в больших и более сложных приложениях.

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

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

• Добавлять в XHTML расширения, используя XML, и не нарушая стандарт XHTML.

• Упрощать XHTML для таких устройств, как карманные компьютеры-коммуникаторы, мобильные телефоны, ТВ устройства, и устройства бытовой техники.

• Расширять XHTML для сложных приложений, добавляя новые функции XML (такие как MathML, SVG, Voice and Multimedia).

• Определять профили XHTML, такие как XHTML Basic (подмножество XHTML для мобильных устройств).

Модули XHTML

Консорциум W3C разделил определение XHTML на 28 модулей:

Имя модуля

Описание

модуль Applet

Определяет исключенный элемент applet

модуль Base

Определяет элемент base

модуль Basic Forms

Определяет базовые элементы форм

модуль Basic Tables

Определяет базовые элементы таблиц

модуль Bi-directional Text

Определяет элемент bdo

модуль Client Image Map

Определяет элементы карт-изображений на стороне браузера

модуль Edit

Определяет элементы редактирования del и ins

модуль Forms

Определяет все элементы, используемые в формах

модуль Frames

Определяет элементы, связанные с фреймами

модуль Hypertext

Определяет элемент a

модуль Iframe

Определяет элемент iframe

модуль Image

Определяет элемент img

модуль Intrinsic Events

Определяет атрибуты событий, такие как onblur и onchange

модуль Legacy

Определяет исключенные элементы и атрибуты

модуль Link

Определяет элемент link

модуль List

Определяет элементы списка li, ul, dd, dt, и dl

модуль Metainformation

Определяет элемент meta

модуль Name Identification

Определяет исключенный атрибут name

модуль Object

Определяет элементы object и param

модуль Presentation

Определяет элементы представления, такие как b и i

модуль Scripting

Определяет элементы script и noscript

модуль Server Image Map

Определяет элементы карт-изображений на сервере

модуль Structure

Определяет элементы html, head, title и body

модуль Style Attribute

Определяет атрибут style

модуль Style Sheet

Определяет элемент style

модуль Tables

Определяет элементы, используемые в таблицах

модуль Target

Определяет атрибут target

модуль Text

Определяет элементы контейнера текста, такие как p и h1

Исключенные элементы не должны использоваться в XHTML.

Стандартные атрибуты XHTML

Теги XHTML могут иметь атрибуты. Атрибуты каждого тега перечислены в описании тега. Здесь представлены базовые атрибуты и атрибуты языка, которые являются стандартными для всех тегов (с небольшими исключениями).

Базовые атрибуты

Недействительны в элементах base, head, html, meta, param, script, style и title.

Атрибут

Значение

Описание

class

правило_класса или правило_стиля

Класс элемента

id

имя_id

Уникальный id элемента

style

определение_стиля

Встроенное определение стиля

title

текст_подсказки

Текст для вывода подсказки

Атрибуты языка

Недействительны в элементах base, br, frame, frameset, hr, iframe, param, и script.

Атрибут

Значение

Описание

dir

ltr | rtl

Задает направление текста

lang

код_языка

Задает код языка

Атрибуты клавиатуры

Атрибут

Значение

Описание

accesskey

символ

Задает клавиатурное сокращение для доступа к элементу

tabindex

число

Задает порядок элемента при переходе по клавише табуляции

Атрибуты событий XHTML

Новым в HTML 4.0 была возможность для событий HTML запускать в браузере действия, такие как запуск сценария JavaScript, когда пользователь щелкал на элементе HTML. Ниже представлен список атрибутов, которые можно вставлять в теги HTML для определения действий событий.

Более подробно об использовании этих событий в программировании можно узнать в руководстве по JavaScript и руководстве по DHTML.

События окна

Действительны только в элементах body и frameset

Атрибут

Значение

Описание

onload

сценарий

Сценарий, который выполняется при загрузке документа

onunload

сценарий

Сценарий, который выполняется при выгрузке документа

События элементов формы

Действительны только в элементах форм.

Атрибут

Значение

Описание

onchange

сценарий

Сценарий, который выполняется при изменении элемента

onsubmit

сценарий

Сценарий, который выполняется при отправке формы

onreset

сценарий

Сценарий, который выполняется при сбросе формы

onselect

сценарий

Сценарий, который выполняется при выборе элемента

onblur

сценарий

Сценарий, который выполняется, когда элемент теряет фокус

onfocus

сценарий

Сценарий, который выполняется, когда элемент получает фокус

События клавиатуры

Недействительны в элементах base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style и title.

Атрибут

Значение

Описание

onkeydown

сценарий

Действие после нажатия клавиши

onkeypress

сценарий

Действие после нажатия и отпускания клавиши

onkeyup

сценарий

Действие после отпускания клавиши

События мыши

Недействительны в элементах base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style и title.

Атрибут

Значение

Описание

onclick

сценарий

Что делать при щелчке мыши

ondblclick

сценарий

Что делать при двойном щелчке мыши

onmousedown

сценарий

Что делать при нажатии кнопки мыши

onmousemove

сценарий

Что делать при перемещении указателя мыши

onmouseover

сценарий

Что делать при перемещении указателя мыши над элементом

onmouseout

сценарий

Что делать при смещении указателя мыши с элемента

onmouseup

сценарий

Что делать при отпукании нажатой кнопки мыши