RSS

Урок 2. Валидаторы: что это такое?

В данном случае речь пойдет не об устройствах контроля, а средствах проверки кода. Точнее инструмент называется «валидатор формата», в большинстве случаев называют просто валидатором. По контексту Вы должны понимать, что в данном случае разговор идет о проверке именно HTML кода, а не подлинности купюр и не о транспорте.

Слово английского происхождения, как и многое в среде компьютеров, и служит производным от valid – годный, действительный, правомерный.

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

Строгость отношения к странице и используемый стандарт прописывается в первой строке страницы в теге <!DOCTYPE>. Если не указано другое или же этот элемент отсутствует, то проверка кода будет проводиться по всей строгости правил последней признанной версии, коей на сегодняшний день является HTML5. В этом теге можно немного смягчить условия проверки или указать другую версию языка, которая будет применена для просмотра страницы. Таким образом, тег <!DOCTYPE> указывает браузеру, какой стандарт применять для чтения и отображения страницы.

Существуют следующие стандарты DOCTYPE:

  • <! DOCTYPE  HTML> — соответствует последнему принятому стандарту – HTML5.
  • <! DOCTYPE  HTML  PUBLIC “-//W3C//DTD HTML 4.01//EN” https://www.w3.org/TR/html4/strict.dtd> — DOCTYPE для стандарта HTML 4.01 Strict (строгий);
  • <! DOCTYPE  HTML  PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” https://www.w3.org/TR/html4/loose.dtd> — DOCTYPE для стандарта HTML 4.01 Transitional (переходный);
  • <! DOCTYPE  HTML  PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” https://www.w3.org/TR/html4/frameset.dtd> — DOCTYPE для стандарта HTML 4.01 Frameset (с фреймами);
  • <! DOCTYPE  html  PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd> — DOCTYPE для стандарта XHTML 1.0 Strict (строгий);
  • <! DOCTYPE  html  PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> — DOCTYPE для стандарта XHTML 1.0 Transitional (переходный);
  • <! DOCTYPE  html  PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” https://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd> — DOCTYPE для стандарта XHTML 1.0 Frameset (с фреймами);
  • <! DOCTYPE  html  PUBLIC “-//W3C//DTD XHTML 1.1//EN” https://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd> — DOCTYPE для стандарта XHTML 1.1.

Примечание: Как Вы уже заметили, первый в списке DOCTYPE для стандарта HTML5 имеет самую простую запись. Каждый HTML-документ должен начинаться с указания DOCTYPE. Если этого не сделать, то различные браузеры будут отображать страницу по-разному. Впринципе, на работоспособность это не повлияет, но вот визуальная составляющая может пострадать. 

Ошибки в коде могут не влиять на отображение страниц. Например, проверки известного бесплатного хостинга Ucoz практически всегда выявляют ошибки. Это не мешает правильно отображать элементы, и часто появляется при компилировании страниц средствами PHP интерпретатора. Большинство технических ошибок в таком случае не критичны, и могут только незначительно замедлить работу сайта.

Основным «подконтрольным» элементом служат именно HTML страницы, хотя валидность каскадных таблиц CSS и RSS-лент также может проверяться. Но не стоит забывать, что валидность – это только соответствие требованиям стандарта. Если сравнивать с реальной жизнью, то валидатор проверит, является ли созданный Вами продукт транспортным средством. А будет это велосипед с реактивным ускорителем или асфальтоукладочный каток с педальным приводом – ему все равно. Поэтому валидность кода еще не означает «правильность» создания страницы или элемента, вернее – не значит, что Вы увидите именно то, что хотели.

Проверка может проводиться различными средствами, но все они ссылаются на сайты стандартизаторов, т.е W3C сервисов. Контроль проводится по трем основным форматам (HTML, CSS, RSS), но в любом случае сначала необходимо проверить корректность HTML. Проверке подлежит, прежде всего, синтаксис документа с точки зрения технических параметров.

Сегодня большая часть сервисов предлагает проверку валидности кода онлайн, при этом не обязательно вносить код на страницу проверки, а достаточно указать лишь адрес проверяемого сайта. Предлагаемые «загружаемые» сервисы в любом случае ссылаются на сервисы W3C, проверяя введенный код на корректность и соответствие правилам. Одним из таких сайтов является https://validator.w3.org. Он позволяет проверить корректность сайта в Интернете, HTML-файла, либо самого HTML-кода. Существуют приложения к браузерам, позволяющие проверять код «на лету», в частности такое дополнение(Web Developer) разработано для Mozilla Firefox в качестве встроенного инструмента для проверки корректности написанного кода. Вы устанавливаете дополнение, после чего появляется дополнительная панель в окне браузера. Открываете сайт или страничку и жмете на панели Tools-Validate HTML (CSS и др.) После Вас перекинет на вышеуказанную страничку, но с заполненными полями.

Вот впринципе и все. Далее, приступаем к изучению основ HTML.