www html, html уроки, html теги, css, верстка
Уроки книги по css и html урокам вопросы и ответы Помощь сайту
Главная страница > Уроки > Устранение допущенных ошибок при создании тегов ШТМЛ > Проверка данных на валидность

Проверка данных на валидность

контентовая версия  

Для проверки web-страниц на наличие Errors и замечаний существует множество путей и способов. Условно они делятся на онлайновые и локальные. Онлайновые предназначены для проверки страниц с помощью браузера через Internet, а локальные используются для проверки файлов на текущем компьютере. Далее просмотрим популярные способы валидации файлов.

validator.w3.org

По адресу Рис. 2.1

Рис. 2.1. Форма для ввода адреса объекта

Так, вводя http://www-html.ru в форме «Validate by URI» (валидация по адресу) и нажав кнопку Check (проверить) получим сообщение о том, валидный файл или нет.

Замечание

Хотя в контентовом поле вводится адрес с нашего сайта, проверяется не сайт целиком, а только одна главная страница. Учтите, что, к примеру, адрес http://www-html.ru равнозначен вводу http://www-html.ru/index.php.

Валидатор проверяет ШТМЛ-код страницы и в случае отсутствия Errors докладывает о валидности объекта (рис. 2.2).

Рис. 2.2

Рис. 2.2. Отчет о проверке и валидности web-страницы

При обнаружении Errors выводится уведомление о том, что страница не валидна и список Errors с указанием строк, где встречаются ошибки (рис. 2.3).

Рис. 2.3

Рис. 2.3. Отчет о проверке и вывод Errors

Проверка локальных файлов

файлы, еще не выставленные в Internetе, можно проверить с помощью формы, озаглавленной «Validate by File Upload» (валидация загруженных файлов), как показано на рис. 2.4.

Рис. 2.4

Рис. 2.4. Форма ввода пути к локальному файлу для его проверки

Вначале следует указать путь к ШТМЛ-файлу, после чего нажать кнопку Check. Файл будет загружен на сервер и проверен на ошибки.

Использование формы для ввода тегов

В некоторых случаях требуется проверить код без сохранения его в отдельный файл. В этом случае пригодится форма для прямого набора контента и отправки его на сервер для валидации (рис. 2.5).

Рис. 2.5

Рис. 2.5. Форма для ввода ШТМЛ-тегов

Расширение ШТМЛ Validator для браузера Файер фох

Популярность браузера Файер фох обусловлена наличием для него большого количества разнообразных расширений — программ, которые добавляют новые возможности в браузер. Расширения построены по открытой технологии и написать их может любой разработчик. Не оставлены без внимания и web-разрабочики — для их удобства создано множество расширений, в том числе и для валидации объекта прямо в браузере. В данном случае нас интересует ШТМЛ Validator. Эта программа построена по той же технологии, что и валидатор W3C, но не требует подключения к Internetу и работает прямо «на лету».

Где скачать

http://users.skynet.be/mgueury/mozilla/

Установка расширения

После скачивания файла установить расширение можно несколькими способами.

1. Через менеджер расширений

Запустите Файер фох и откройте меню Инструменты > Расширения. Перетащите мышью загруженный файл (он имеет расширение xpi) в открывшееся окно. Далее расширение будет установлено автоматически.

2. С помощью открытия файла

Выберите в меню Файер фох пункт Файл > Открыть файл... и укажите путь к файлу с расширением, дальнейшие действия браузер выполнит сам.

3. Копирование файла в папку extension

Откройте папку на диске, где установлен Файер фох (к примеру c:\Program Files\Mozilla Файер фох) и найдите в ней подпапку extension, в которую скопируйте расширение. После запуска браузера дальнейшая установка пройдет самостоятельно.

Все приведенные способы требуют перезагрузки браузера после установки расширения. Работа ШТМЛ Validator начинается сразу же после повторного запуска Файер фох.

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

http://forum.mozilla-russia.org/doku.php?id=general:extensions_installing

Использование ШТМЛ Validator

При открытии web-страницы ШТМЛ Validator начинает сразу же свою работу, и результат проверки отображается в строке состояния, в ее правом нижнем углу в виде небольшой картинки. Изображение зависит от статуса проверки и показано на рис. 2.6.

Рис. 2.6аа

Рис. 2.6бб

Рис. 2.6вв

Рис. 2.6. Виды картинок, отображаемых при проверке объекта

Кружок с галочкой (рис. 2.6а) показывает, что файл валидный, желтый треугольник с восклицательным знаком (рис. 2.6б) — по коду имеются замечания, которые могут быть исправлены автоматически. А красный кружок с крестиком (рис. 2.6в) предупреждает, что есть серьезные ошибки.
Просмотреть все ошибки можно двояко. Во-первых, заглянуть в ШТМЛ-код объекта через меню Вид > Исходный код страницы или щелкнуть правой кнопкой и в конконтентном меню выбрать Просмотр исходного тегов страницы (рис. 2.7).

Рис. 2.7

Рис. 2.7. Конконтентное меню с пунктом выбора исходного тегов

Окно исходного тегов web-страницы разделено на три части (рис. 2.8), где верхний блок содержит собственно ШТМЛ-код. В левом нижнем блоке отображается список Errors и замечаний или информационные сообщения в случае валидного объекта. Правый нижний блок предназначен для подробных подсказок о текущих замечаниях.

Рис. 2.8

Рис. 2.8. Результат работы расширения ШТМЛ Validator

Статья опубликована: 06.08.2009 Последнее обновление: 06.08.2009
Поиск по сайту
Устранение допущенных ошибок при создании тегов ШТМЛ
Разделы

Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект