В старые добрые времена, когда стандарты HTML были подвижной целью, не имело значения, правильно ли вы завершаете тег <p> или сохраняете правила форматирования отдельно от кода стиля. Несовпадающие теги, отсутствующие атрибуты, плохо вложенные элементы — отсутствие широко распространенных стандартов приводит к этим и другим ошибкам, но поскольку большинство браузеров имеют встроенный интеллект, позволяющий избежать этих ошибок, большинство разработчиков вообще не будут знать об их существовании. .
Хотя браузер сам пытается исправить эти ошибки, это не значит, что вы можете игнорировать эти проблемы. Чтобы ваши веб-страницы работали одинаково во всех браузерах, ваш HTML должен полностью соответствовать правилам и синтаксису, определенным в стандарте W3C. Существует множество инструментов для достижения этого требования, как онлайн, так и оффлайн. В этой статье будет рассмотрен один из них. они: очень классный HTML Tidy.
HTML Tidy — это бесплатный инструмент проверки HTML. Он предназначен для проверки вашего HTML-кода и выявления мест, где он не полностью соответствует опубликованным стандартам W3C. Его можно использовать для анализа HTML-файла или строки, содержащей операторы HTML. может автоматически вносить необходимые изменения для приведения кода в соответствие с соответствующими стандартами.
Установить
HTML Tidy бесплатен и может работать на платформах Windows, Macintosh и *NIX. Бинарные версии доступны для немедленного использования. Если вы используете платформу *NIX, вы можете скомпилировать и установить ее из исходного кода самостоятельно. сделать: Извлеките исходные файлы во временную папку и выполните базовый процесс компиляции-установки, например:
оболочка> компакт-диск /tmp/tidy/build/gmake
оболочка> сделать
оболочка> выполнить установку
Когда этот процесс завершится, вы сможете найти скомпилированную двоичную версию Tidy в папке /tmp/tidy/bin/tidy. Скопируйте этот файл в системную папку /usr/local/bin/, чтобы к нему было легче получить доступ. . Теперь вы готовы использовать этот инструмент.
Основное использование
После установки двоичной версии вы можете сразу же начать использовать ее для проверки HTML-кода. В листинге А показан простой пример:
Список А:
оболочка> tidy -e -q index.html
строка 1, столбец 1 — предупреждение: отсутствует объявление <!DOCTYPE>
строка 2, столбец 1 – Внимание: вставка отсутствующего элемента «заголовок»
строка 4, столбец 1 — Внимание: собственный атрибут <body> leftmargin
строка 6, столбец 1 — Предупреждение: высота собственного атрибута <table>
строка 6, столбец 1. Внимание: в <таблице> отсутствует атрибут сводки.
строка 11, столбец 37 — Внимание: в <img> отсутствует атрибут alt.
строка 15, столбец 1. Предупреждение: в <таблице> отсутствует атрибут сводки.
строка 17, столбец 50 — Внимание: в <img> отсутствует атрибут alt.
В этом примере Tidy обнаружила в файле восемь потенциальных ошибок и вывела предупреждение для каждой ошибки. Обратите внимание, что эти ошибки не являются серьезными, а просто предупреждают о том, что некоторые части кода не очень корректны.
Вы можете автоматически исправить исходный файл, добавив в командную строку параметр -m (модификатор):
оболочка> tidy -m -q index.html
Если вам нужно протестировать большой веб-сайт, вы можете использовать подстановочные знаки в командной строке, чтобы протестировать все файлы в папке (а не только один):
оболочка> tidy -m -q *.html
Если вы хотите, чтобы Tidy помог записать исправленную веб-страницу в новый файл (а не перезаписать исходную), используйте опцию -output с новым именем файла, как в следующем примере:
оболочка> tidy -output index.html.new -q index.html
Вы можете вывести все ошибки в отдельный файл журнала для последующего просмотра с помощью опции -e («ошибка»):
оболочка> tidy -f error.log index.html
Также обратите внимание, что если ваш HTML-код содержит встроенный код PHP, ASP или JSP, Tidy просто проигнорирует их и оставит на месте. Это означает, что вы даже можете запускать инструменты Tidy в серверных сценариях, чтобы проверить часть HTML-кода. пример:
оболочка> tidy -e -q процессор.php
Вы также можете запустить инструмент Tidy в интерактивном режиме, вызывая только файл программы без добавления каких-либо аргументов. В этом примере Tidy ожидает ввода с консоли и проверяет наличие ошибок.
Список Б
оболочка> аккуратно
<html>
строка 1, столбец 1 — предупреждение: отсутствует объявление <!DOCTYPE>
<голова>
<title>Это тест
</голова>
строка 3, столбец 1. Внимание: отсутствует </title> перед </head>.
<тело левого поля=0>
<р>
Это неудачно завершенный абзац
</тело>
</html>
строка 5, столбец 1 — Предупреждение: собственный атрибут <body> leftmargin
Информация: Содержимое документа выглядит как собственность HTML.
3 предупреждения, 0 ошибок обнаружено!
Обратите внимание, что помимо предупреждений об ошибках в режиме реального времени, Tidy также может распечатать правильную версию кода в конце ввода:
<html>
<голова>
<мета-имя=содержимое генератора=
HTML Tidy для Linux/x86 (версия от 1 сентября 2005 г.), см. www.w3.org>
<title>Это тест</title>
</голова>
<тело левого поля=0>
<p>Это неудачно завершенный абзац</p>
</тело>
</html>
Расширенные приложения
Вы также можете контролировать, как Tidy изменяет файл. Этого можно добиться, передав определенные параметры в командной строке. Например, чтобы Tidy правильно изменил отступ, вы можете добавить опцию -i («отступ»).
оболочка> tidy -output new.html -i index.html
Чтобы заменить <font> и другие элементы форматирования, связанные с правилами стиля CSS, вы можете использовать опцию -c («очистить»):
оболочка> tidy -output new.html -c index.html
По умолчанию Tidy использует строчные буквы для всех тегов и атрибутов в файлах HTML. Если вы хотите использовать прописные буквы, вы можете добавить опцию -u («заглавные буквы»), как показано в следующем примере:
оболочка> tidy -output new.html -c -u index.html
Чтобы перенести текст на строку определенной ширины, вы можете добавить параметр -w («перенос строки») с указанной шириной строки, как показано в следующем примере:
оболочка> tidy -output new.html -w 40 index.html
Вы можете преобразовать документ HTML в документ XHTML правильного формата, добавив параметр -asxhtml:
оболочка> tidy -output new.html -asxhtml index.html
Обратная операция возможна с помощью опции -ashtml:
оболочка> tidy -output new.html -ashtml index.html
Если вам необходимо внести значительные изменения в параметры Tidy по умолчанию, лучше всего поместить эти параметры в отдельный файл конфигурации, к которому вы сможете обращаться каждый раз при вызове программы. В листинге C показан пример файла конфигурации:
Список С:
bare: yes # удалить проприетарный HTML
doctype: auto # установить тип документа
drop-empty-paras: yes # автоматически удалять пустые теги <p>
fix-обратная косая черта: да # заменить на / в URL-адресах
literal-attributes: yes # сохранять пробелы в значениях атрибутов
нижние литералы: да # преобразовать значения атрибутов в нижний регистр
вывод-xhtml: да # создать действительный вывод XHTML
цитата-амперсанд: да # замените & на &
кавычки: да # заменить на
повторные атрибуты: keep-last # использовать последний из дублированных атрибутов
отступ: да # автоматический отступ для кода
indent-spaces: 2 # количество пробелов для отступа
Wrap-php: нет # переноса текста, содержащегося в тегах PHP
char-encoding: ascii # используемая кодировка символов
tidy-mark: no # опустить Мета-информацию Tidy в исправленном коде
При организации файла вы можете указать Tidy использовать эти настройки, добавив параметр -config в командную строку:
оболочка> tidy -output a.html -configconfig.tidy index.html
Вы можете получить список опций конфигурации с помощью опции -help-config:
Shell> tidy -help-config...quote-ampersand Логическое значение да/нет,
да/нет, t/f, правда/ложь, 1/0 кавычки Логическое значение да/нет,
да/нет, t/f, правда/ложь, 1/0quote-nbsp логическое значение да/нет,
да/нет, t/f, true/false, 1/0repeated-attributesenum, сохранить первым,
Keep-lastreplace-color Логическое значение да/нет, да/нет,
t/f, true/false, 1/0show-body-only Логическое значение y/n,
да/нет, т/ф, правда/ложь, 1/0...
Или используйте опцию -show-config, чтобы просмотреть снимок текущих настроек конфигурации:
оболочка> tidy -show-config...show-body-only
Логическое значение noshow-errors Целое число
6show-warnings Логическое значение в стиле даслайд
Stringsplit Логическое значение нет...
Наконец, вы можете использовать опцию -h, чтобы получить справку из командной строки:
оболочка> аккуратно -h
На этом пока все. Надеюсь, вы найдете Tidy чрезвычайно ценным инструментом, помогающим вашему сайту полностью соответствовать стандартам публикации W3C. Пункты этого руководства дадут вам представление о том, как управлять инструментом HTML Tidy. ваш код, а также поможет вам более эффективно использовать этот инструмент.