SE@RCHER


Библиотека Javascript SE@RCHER
SE@RCHER
:::: ДЛЯ ДОСУГА
:::: ДЛЯ ДОСУГА
:::: ДЛЯ ДОСУГА











Проверка соответствия кода HTML требованиям W3C


URL of page: OR
Upload a file:
Doctype:
   
Optional:
Show HTML Source. Show Outline of page using H1 - H6 elements on the page.
Show SGML Parse Tree. Suppress attributes from the parse tree to make it more readable.

Зачем нужен "правильный" HTML-код?

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

Каждый браузер имеет свои правила, по которым он будет исправлять HTML ошибки на веб-страницах. Поэтому, если на странице есть ошибки, то существует большая вероятность, что данная страница в разных браузерах будет выглядеть по-разному.
Более того, если даже он сейчас выглядит одинаково во всех браузерах, это не значит, что так будет всегда. С выходом новой версии какого-либо браузера коррекция HTML ошибок может быть изменена. А вот следование стандартам изменено вряд ли будет.

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

W3C Markup Validation Service

Классический сервис для проверки синтаксиса HTML от W3C (World Wide Web Consortium). W3C - это специальный консорциум, который разрабатывает и принимает стандарты веб-технологий, такие как HTML или набирающий сейчас популярность XHTML.
Проверить валидность (правильность) HTML кода своей страницы вы можете по адресу: http://validator.w3.org/ или здесь

Необходимо сказать, как данный сервис определяет, по какому стандарту проверять страницу. Каждая веб-страница в самом начале должна содержать описание типа документа. Это должно выглядеть примерно вот так:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


В данном случае, декларируется, что документ является HTML страницей и создан он, используя редакцию HTML 4.01.

W3C Validator по этой строке определяет, как нужно проверять данный документ.
Для страницы, содержащей приведенную выше строку, будет использован стандарт HTML в редакции 4.01.

Если вы используете тип документа HTML 4.01, то будьте готовы к неожиданностям. Например, в классическом HTML нельзя использовать укороченную форму записи тегов (одновременно и открывающийся, и закрывающийся тег).


<meta http-equiv="Content-Type" content="text/xhtml; charset='windows-1251'"/>


Нужно делать вот так:

<meta http-equiv="Content-Type" content="text/xhtml;
charset='windows-1251'"></meta>

Если же вы хотите использовать укороченную форму записи тегов, то вы можете описать тип вашей страницы, как "расширенный HTML" (XHTML). Этот тип уже позволяет пользоваться конструкциями вида: <tag attribute="value"/>.

Чтобы объявить тип своего документа как XHTML, необходимо в начало добавить строку:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Обнаружив такую строку, W3C Validator будет проверять веб-страницу, используя правила стандарта XHTML.

Но будьте аккуратны. Стандарт XHTML не разрешает отсутствие закрывающегося тега. То есть, если элемент <BR> является вполне допустимым для HTML, то XHTML Validator сгенерирует ошибку. Чтобы "удовлетворить" его, необходимо вместо <BR> использовать <BR />

Для пользователей браузером Opera проверка валидности осуществляется правой кнопкой мыши или набором клавиш (Ctrl+Alt+Shift+U)