Шрифт:
Проверка ссылок. При анализе кода документа программа создает список ссылок, которые в дальнейшем можно просмотреть и проверить. Поддерживается проверка ссылок, как на локальном компьютере, так и в сети Internet. Для того чтобы рассмотреть и проанализировать ссылки, откройте окно результатов с помощью меню: View → Windows → Results (Вид → Окна → Результаты) и перейдите на вкладку Links (Ссылки). Проверка кода
Чтобы проверить правильность HTML-кода в документе, находящемся на жестком диске вашего компьютера или компьютера в локальной сети, следует открыть документ в интегрированном редакторе программы HTML Validator по команде File → Open (Файл → Открыть) или нажав кнопку Open
на панели управления. При использовании профессиональной версии программы файл открывается также двойным щелчком по нему на вкладке Shell (Оболочка) в окне ресурсов. Страницу в Internet открывайте с помощью команды File → Open from the Web (Файл → Открыть из Сети) или кнопки Open from the Web
Загруженный в редактор документ проверьте одним из следующих способов:
• выберите в главном меню пункт Tools → Validate (Инструменты → Проверить);
• нажмите клавишу F6;
• переключившись в окно редактора или окно результатов проверки, вызовите контекстное меню и выберите в нем пункт Validate (Проверить);
• щелкните по кнопке Validate Document (Проверить документ)
расположенной на горизонтальной панели управления, или по одноименной кнопке
на вертикальной (вертикальная панель доступна только в профессиональной версии);
• если документ не проверялся ранее, воспользуйтесь комбинацией клавиш Alt+Up или Alt+Down.
Найденные программой ошибки отражаются в окне результатов. Если вы пользуетесь профессиональной версией, выберите для просмотра в окне результатов вкладку Messages (Сообщения). В упрощенной версии CSE HTML Validator Lite такой возможности нет. Щелкните по сообщению в окне результатов, чтобы просмотреть его полностью в текстовом блоке. При этом позиция в строке с замеченной ошибкой будет выделена в редакторе автоматически. Обратите внимание, что не все отчеты будут указывать на определенную позицию проверяемого документа. Некоторые из сообщений, например, комментарии, не имеют такой связи. Начиная с версий CSE HTML Validator Pro 4.05 и CSE HTML Validator Lite 2.01 и выше, предусмотрена возможность быстрого перехода к очередному сообщению при помощи комбинации клавиш Alt+Down, а к предыдущему – Alt+Up.
После просмотра сообщений и правки HTML-документа можно повторно проверить его, чтобы убедиться, что внесенные изменения возымели должный эффект.
Числа в квадратных скобках, которые появляются перед некоторыми из сообщений (например, [10]), означают номера флажков, которые вы можете включить или выключить. По умолчанию все флажки включены. Если вы не хотите видеть некоторые сообщения при последующих проверках документа, то, установив курсор на данном сообщении, правой кнопкой мыши вызовите контекстное меню и снимите флажок. В любое время вы можете снова включить нужную опцию, воспользовавшись соответствующими пунктами в меню Options → Validator Engine Options (Параметры → Параметры системы проверки кода). Это средство является мощным инструментом настройки программы CSE HTML Validator Pro, но отсутствует в версии Lite.
Без специальной программы Batch Wizard (Мастер пакетной обработки) отчет о проверке нельзя распечатать на принтере, в отличие от исходного документа, для которого предназначена команда File → Print (Файл → Печать).
Проверка ссылокПроверка достоверности ссылок (URL) выполняется только в профессиональной версии программы CSE HTML Validator Pro. Для этого служит вкладка Links (Ссылки) в окне результатов. Обратите внимание, что данная возможность появляется только после проверки правильности кода самого документа. Чтобы начать тестирование, выполните команду Tools → Validate → Link check only (Инструменты → Проверить → Проверять только ссылки). Каждая недоступная для программы ссылка будет помечена слева красным прямоугольником. Если проверку ссылки в программе HTML Validator осуществить нельзя, она будет помечена слева синим прямоугольником. Отметьте, что проверяются только ссылки на локальный файл и на ресурсы, доступные по протоколу HTTP.
Файл конфигурацииПрограмма поставляется с файлом конфигурации для поддержки различных категорий тэгов: HTML 4.01, HTML 4.0, расширения Netscape, расширения Microsoft Internet Explorer, Cold Fusion/CFML, SMIL, RealText, WML, XHTML и др.
Важная особенность включенной HTML-конфигурации состоит в том, что категории HTML сформированы на основе своих предыдущих версий (об этом подробно говорилось выше – см. раздел «Настройка HTML-конфигурации» в описании программы Linkbot Developer Edition).
Обратите внимание, что по сравнению с версией CSE HTML Validator Professional, в версии программы CSE HTML Validator Lite ограничена поддержка многих категорий тэгов. Не поддерживаются CFML, RealText, SMIL, WebTV и XHTML, а также и проверочные программы для тэгов. Поэтому информация о флажках существенна только для профессиональной версии.
ФлажкиHTML-конфигурацию допустимо настроить таким образом, что при проверке правильности HTML-кода для любого тэга выполняется своя программа. При этом в зависимости от состояния определенных флажков (установлен – снят) поведение программы может меняться. Обычно при включении той или иной опции появляются предупреждения и сообщения об ошибках. Большинство из них начинается с комбинации символов [x], где x – номер флажка. Такая отметка позволяет легко определить, какой флажок следует снять, чтобы убрать сообщение, которое, по вашему мнению, не требуется отображать при проверке. Однако при отключении опции вы лишаетесь возможности просматривать многие сообщения. Чтобы оценить последствия отключения какого-либо флажка, воспользуйтесь справочной системой программы (на английском языке).
Обратите внимание, что неперечисленные в справочной системе флажки фактически не используются в существующей HTML-конфигурации: эти опции зарезервированы для применения в последующих конфигурациях. Эффекты применения некоторых флажков также незначительно различаются в зависимости от версии программы, которой вы пользуетесь для проверки правильности HTML-кода.
Приведем пример описания для флажков номер 1 и 2.
При установке флажка 1 программа, встретив нижеперечисленные тэги и атрибуты, выводит сообщения о том, что они используются исключительно в браузере Microsoft Internet Explorer:
• тэг ACRONYM;
• атрибут AUTOCOMPLETE, использующийся только в Microsoft Internet Explorer версии 4.0 и выше;
• атрибуты FACE или COLOR в тэге BASEFONT;
• тэг BGSOUND;
• атрибут BGPROPERTIES в тэге BODY;
• атрибут LEFTMARGIN и/или TOPMARGIN в тэге BODY;
• тэг BUTTON;
• атрибут VALIGN в тэге CAPTION;
• тэги COL или COLGROUP;
• тэг DEL;
• тэг DFN;
• тэг FIELDSET;
• атрибут FRAMESPACING в тэге FRAMESET;
• атрибут COLOR в тэге HR;
• тэг IFRAME;
• атрибуты CONTROLS, DYNSRC, LOOP, LOOPDELAY, START и/или VRML в тэге IMG – могут быть исключены из будущих версий Microsoft Internet Explorer;
• тэг INS;
• тэг LABEL;
• тэг LEGEND;
• тэг MARQUEE, используемый также в WebTV;
• тэг OBJECT;
• тэг Q;
• атрибуты BORDERCOLOR, BORDERCOLORDARK, BORDERCOLORLIGHT, FRAME и/или RULES в тэге TABLE;
• атрибуты BORDERCOLOR, BORDERCOLORDARK и/или BORDERCOLORLIGHT в тэгах TD, TH или TR;
• тэги TBODY, THEAD или TFOOT.
При установке флажка 2 программа, встречая нижеследующие тэги и атрибуты, выводит сообщения, что они используются исключительно в браузере Netscape:
• атрибут ARCHIVE в тэге APPLET;
• тэг BLINK;
• атрибуты MARGINHEIGHT или MARGINWIDTH в тэге BODY;
• атрибуты POINT-SIZE или WEIGHT в тэге FONT;
• тэг ILAYER;
• атрибут BORDER в тэге INPUT;
• тэг KEYGEN;
• тэг LAYER;
• тэг MULTICOL;
• тэг SPACER, используемый также в WebTV;
• атрибуты HSPACE или VSPACE в тэге TABLE;
• встретив атрибут BACKGROUND в тэге TR.
Чтобы полностью исключить работу программ для тэгов, следует воспользоваться параметром Enable programs в окне Validator Engine Options, как описано в разделе, посвященном настройке программы проверки. Скорость тестирования при этом возрастет, но, отключая программы тэгов, вы значительно уменьшите эффективность программы проверки.
Если вы хотите отключить не все программы, а лишь некоторые из них, перейдите на вкладку Programs (Программы) окна CSE HTML Validator Pro Configuration Editor (Редактор конфигурации для программы проверки правильности HTML-кода), которое откроется при выборе пункта меню Options → Configuration Editor (Параметры → Редактор конфигурации). Отключите параметр Enable open program for tag (Разрешить открывающую программу для тэга) или Enable end program for tag (Разрешить закрывающую программу для тэга).
Редактор тэговНастройка на любой тэг выполняется в специальном редакторе, вызываемом через меню: Options → Configuration Editor. В открывшемся окне CSE HTML Validator Pro Configuration Editor можно добавлять новые тэги и конфигурировать существующие. Рассмотрим вкладку Tag Names (Наименования тэгов) – см. рис. 2.139. Начнем с раздела Tag Name Controls (Настройка тэгов).
В окне Tag names приведен перечень тэгов: P, A, TITLE, BODY, HTML, B, I и т. д. Сюда можно добавить новые названия, удалить имеющиеся. Для добавления тэга введите его наименование в поле, расположенное под списком, и нажмите кнопку New Tag (Создать тэг); чтобы удалить наименование тэга из списка, выберите его и щелкните по кнопке Delete Tag (Удалить тэг).
Окно Tag range (Диапазон тэгов) содержит список тэгов, которые указыват, в какой именно части HTML-документа может или не может появиться соответствующий тэг. Другими словами, допустимо ли появление настраиваемого тэга между открывающим тэгом любого наименования, имеющегося в окне Tag range, и закрывающим того же наименования. Например, IMG может быть записан в контейнерах <BODY> … </BODY> и <NOFRAMES> … </NOFRAMES>, а META – только в контейнере <HEAD> … </HEAD>. Чтобы удалить наименование тэга из списка, выберите его и нажмите кнопку
или дважды щелкните по нему мышью. Для добавления выделите нужное название в окне Tag names и нажмите кнопку
или выполните двойной щелчок мышью. Для настройки на допустимость/недопустимость предназначен переключатель Range View (Область видимости); возможны два варианта: Valid (Допустимо) и Invalid (Недопустимо).
Список в разделе Tag Name Being Configured (Наименование настраиваемого тэга) содержит наименования тэгов, а перечень в разделе Tag Name Category (Категория тэга) – категории, к которым может быть отнесен настраиваемый тэг, например: HTML 3.2, HTML 4.0, Microsoft IE Extensions (Расширения Microsoft Internet Explorer), Netscape Extensions (Расширения Netscape) и т. д.
Технология настройки такова. В разделе Tag Name Being Configured выбирается тэг, который необходимо подготовить для проверки. В списке из раздела Tag Name Category отмечается категория, которой будет соответствовать данный тэг; в окне Tag range указывается, в каком контейнере тэгов допустимо его размещать. Не забудьте проверить положение переключателя Range View. Настроив таким образом все нужные тэги, сохраните данные нажатием кнопки Save Config (Сохранить конфигурацию) или Save Config As (Сохранить конфигурацию как) и щелкните по кнопке Close (Закрыть).A Real Validator
Авторская программа A Real Validator , разработанная Лайэмом Квинном (Liam Quinn), предназначена для выявления синтаксических ошибок в HTML-страницах и очень проста в использовании.
Для обработки какого-либо файла создайте новый проект командой File → New Project (Файл → Новый проект) и включите в него требуемый документ: File → Add Files (Файл → Добавить файлы). Ту же операцию можно выполнить перетаскиванием нужного файла из Проводника Windows в окно программы, изображенное на рис. 2.140.
Рис. 2.140. Окно программы A Real Validator
Выбрав файл, можно приступать к проверке, для чего предназначены пункт меню Actions → Validate (Действия → Проверить) или кнопка Validate (Проверить)
в инструментальной панели. Отчет о тестировании выводится в нижней панели главного окна программы под заголовком Results for (Результаты для). В разделе отчета Errors (Ошибки) содержится полный список обнаруженных погрешностей с указанием местоположения ошибки в документе и ее толкованием.
Программы для работы с метатэгами
Постоянно увеличивается число разработчиков, предлагающих программное обеспечение, которое автоматически генерирует или проверяет метатэги.
Программа построения метатэгов MetaTag ToolKit
Программа MetaTag ToolKit , разработанная компанией Ditto Technologies , является простым пошаговым мастером построения метатэгов и призвана обеспечить лучшее индексирование HTML-страниц поисковыми системами. В отличие от других программ, которые строят лишь несколько простых метатэгов, MetaTag ToolKit идет чуть дальше, формируя дополнительные тэги, которые, возможно, и позволят увеличить посещаемость ваших страниц.
Программа работает в среде операционных систем MS Windows 95/98/2000/XP, имеет очень небольшой объем (315 Кб) и распространяется бесплатно. При ее запуске открываются два окна: главное, с программным интерфейсом (см. рис. 2.141), и дополнительное, предназначенное для показа рекламных баннеров. Если вы не подключены к Internet, баннеры, естественно, не видны, однако в любом случае дополнительное окно закрыть нельзя. Впрочем, это малая плата за предоставляемый программой несложный сервис. Нажмите в главном окне кнопку Step 1 (Пункт 1).
В открывшемся окне Step 1 (см. рис. 2.142) введите описание страницы – содержимое метатэга META NAME="description". В правом верхнем углу окна вы найдете счетчик числа введенных символов, что очень удобно, так как описание требуется ограничить 150–200 символами. Щелкните по кнопке Step 2 (Пункт 2).
Откроется окно Step 2, показанное на рис. 2.143. Оно предназначено для ввода ключевых слов и фраз, то есть содержимого метатэга META NAME="keywords". Их следует отделять друг от друга запятой и затем пробелом. В правом верхнем углу окна вы заметите также счетчик количества введенных символов. Нажмите кнопку Step 3 (Пункт 3).
Откроется окно Step 3, показанное на рис. 2.144. Его назначение – выбор способа индексации документа при помощи специального метатэга для роботов поисковых машин META NAME="robots". Выбор осуществляется переключателем на четыре положения со следующими значениями:
• Index + Follow all links – будет создан метатэг: <meta name="robot" content="index,follow">;
• Index – don\'t follow links – будет создан метатэг: <meta name="robot" content="index,nofollow">;
• Don\'t index + follow all links – создается метатэг: <meta name="robot" content="noindex,follow">;
• Don\'t index– don\'t follow links – будет создан метатэг: <meta name="robot" content="noindex,follow">.
Для последнего случая программа написана неверно, поэтому, очевидно, вам придется вручную исправить запись: вместо content="noindex,follow" следует набрать content="noindex,nofollow". Кроме того, здесь же вкралась еще одна ошибка: name="robot" надо исправить на name="robots". Нажмите кнопку Step 4 (Пункт 4).
Откроется окно Step 4 (см. рис. 2.145). В нем задается свойство Refresh с указанием времени задержки, после которой браузер автоматически обновляет документ:
<META HTTP-EQUIV="Refresh" CONTENT="n">
где n – время задержки в секундах.
Для применения указанного метатэга отметьте опцию Include this feature (Включить данное свойство). В поле Seconds (Секунды) введите время задержки.
После щелчка по кнопке Step 5 (Пункт 5) откроется одноименное окно, показанное на рис. 2.146. Здесь следует задать метатэг с параметром NAME="copyright", если отмечена опция Include this feature. Нажмите кнопку Step 6 (Пункт 6).
Рис. 2.146. Окно Step 5 программы MetaTag ToolKit
В появившемся окне Step 6, представленном на рис. 2.147, задается метатэг с параметром NAME="author", если отмечена опция Include this feature. Щелкните по кнопке Step 7 (Пункт 7).