Памятка при валидации XHTML

Ошибки встречающееся при валидации XHTML

Памятка при валидации XHTMLВчера решил проверить свой блог на валидность по XHML, валидатор Validator.w3.org обнаружил множество ошибок, так как очень силен в HTML пишу эту памятку, может и кому то пригодится.
Для чего нужен валидный HTML?
Код который написан без соблюдения правил и стандартов считается невалидным. Valid означает действительный, правильный. Валидный XHTML — правильно отображается во всех браузерах, лучше индексируется поисковыми роботами, уже изначально расположен к повышенной семантике, показывает вашу грамотность при создании интернет-проекта.

Ошибки при проверки XHTML и их решения

Амперсанд («&»)

Пример:

<a href="index.php?pid=1&id=2">...</a>

Сообщение валидатора: Entity was defined here

Решение: Всегда использовать & вместо &.

Правильный Синтаксис:

<a href="index.php?pid=1&id=2">...</a>


Неправильная вложенность элементов

Пример:

<strong><em>...</strong></em>

Сообщение валидатора: Missing

</em>
tag

Решение: В XHTML элементы должны быть закрыты в порядке, обратном их открытию.

Правильный Синтаксис:

<strong><em>...</em></strong>


Весь DOCTYPE написан в нижнем регистре

Пример:

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"

«http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd» >

Сообщение валидатора: Missing DOCTYPE

Решение: DOCTYPE регистрозависим, надо писать правильно.

Так::

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

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


Отсутствует закрывающий » /»

Пример:

<img src="image.gif" width="100" height="100" alt="Logo">

Сообщение валидатора: Missing closing tag

Решение: Так называемые «пустые элементы», например img или br,
должны заканчиваться»/» c пробелом перед ним.

Правильный Синтаксис:

<img src="image.gif" width="100" height="100" alt="Logo" />


Тэги в верхнем регистре

Пример:

<STRONG><EM>...</EM></STRONG>

Сообщение валидатора: There is no such element…

Решение: Использовать написание в нижнем регистре для всех HTML элементов и названий атрибутов. В XHTML документах все элементы и атрибуты должны быть в нижнем регистре. Это важно потому, что XML регистрозависим и для него

<em>
и
<EM>
разные тэги.

Правильный Синтаксис:

<strong><em>...</em></strong>


Значения атрибутов не в кавычках

Пример:

<td rowspan=3>

Сообщение валидатора: Missing » «

Решение: Все значения атрибутов должны быть в кавычках.

Правильный Синтаксис:

<td rowspan="3">


У img отсутствует атрибут alt

Пример:

<img src="/images/pic.jpg" width="100" height="100" />

Сообщение валидатора: required attribute «alt» not specified

Решение: У всех тегов img должен быть атрибут alt, значение атрибута можно оставить пустым, если избражение является элементом оформления.

Правильный Синтаксис:

<img src="/images/pic.jpg" width="100" height="100" alt="" />


Пожалуйста, присылайте нам любые комментарии и дополнения валидных кодов и их решения.

Поделиться с друзьями

Комментарии

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.