Таблица стилей для диагностики кода HTML

Holmes - таблица стилей CSS для диагностики и выявления потенциально ошибочной или недоступной разметки HTML.

Для ее использования надо подключить файл стилей holmes.css к странице и назначить элементу класс holmes-debug.  Лучше всего назначать класс тегу <body>.

Пример использвания таблицы стилей

В результате использования таблицы стилей на странице будут выделены:

  • элементы с отсутствующими обязательными атрибутами (например, атрибут name для элемента input);
  • потенциально нерабочая разметка (например, ссылки с href="#");
  • устаревшие или неявляющиеся W3C элементы и атрибуты (смотри, W3C.org's article on obselete tags);

Кроме того, при наведении курсора мыши на выделенный элемент выводится информационное сообщение.

Демонстрация

 

 

Авторизоваться и Скачать

5 последних добавленных файлов в рубрике"Полезное"

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 29 Апреля 2011 13:43
    Антон Богданов
    Хороший пример, особенно для блокнотчиков, т.е. меня
  • 29 Апреля 2011 18:38
    BFM174
    что то у меня не получилось
  • 5 Мая 2011 23:01
    genixxx
    FF очень сильно тормозит при просмотре демо-страницы.
^ Наверх ^