Мы используем XHTML+CSS для изменения дизайна нашего веб-сайта. Как мы можем узнать, что создаваемые нами страницы действительно соответствуют веб-стандартам? W3C и некоторые добровольные веб-сайты предоставляют программы онлайн-проверки, которые помогают нам проверить, соответствуют ли страницы стандартам, и внести исправления. сообщение. Эти проверки очень полезны и являются первым, что я делаю при отладке страницы.
1.XHTML-проверка
URL-адрес проверки: http://validator.w3.org/
Метод проверки: проверка URL, проверка загрузки файла.
Если проверка прошла успешно, отобразится сообщение «Эта страница действительна для XHTML 1.0 Transitional!».
Если проверка не удалась, отобразятся дополнительные параметры проверки и сообщения об ошибках.
Как правило, выбор «Показать источник» и «Подробный вывод» может помочь вам найти строку, в которой находится код ошибки, и причину ошибки.
Сравнительная таблица распространенных причин ошибок проверки XHTML
DOCTYPE не найден! Возврат к HTML 4.01 Transitional — DOCTYPE не определен.
Кодировка символов не найдена! Возврат к UTF-8. — Неопределенная языковая кодировка.
Конечный тег для «img» опущен, но указан OMITTAG NO — тег изображения не закрывается знаком «/».
спецификация значения атрибута должна быть литералом значения атрибута, если не указан SHORTTAG YES. Значение атрибута должно быть заключено в кавычки.
элемент "DIV" не определен ---теги DIV не могут быть в верхнем регистре и должны быть заменены на строчные буквы div.
обязательный атрибут «alt» не указан. К изображению необходимо добавить атрибут alt.
обязательный атрибут «тип» не указан — в теге, вызываемом JS или CSS, отсутствует атрибут типа.
Одна из наиболее распространенных ошибок — использование заглавных букв в метках. Часто эти ошибки связаны между собой, например, забывание другого
2. Проверка CSS2
URL-адрес проверки: http://jigsaw.w3.org/css-validator/
Метод проверки: проверка URL, проверка загрузки файла, прямая проверка кода.
Если проверка прошла успешно, отобразится сообщение «Поздравляем, этот документ прошел проверку таблицы стилей!».
Если проверка не удалась, будут отображены два типа ошибок: ошибки и предупреждения. Ошибка означает, что ее необходимо исправить, иначе она не пройдет проверку; предупреждение означает, что существует код, который не рекомендуется W3C и его рекомендуется изменить.
Сравнительная таблица распространенных причин ошибок проверки CSS2
(Ошибка) Неверный номер: color909090 не является значением цвета: 909090 --- Шестнадцатеричное значение цвета должно быть добавлено со знаком «#», то есть #909090.
(Ошибка) Неверное число: размер поля-topUnknown: 6 пикселей ---пиксели не являются единицей измерения, правильный способ записи — 6 пикселей.
(Ошибка) Свойство Scrollbar-face-color не существует: #eeeeee --- Определение цвета полосы прокрутки является нестандартным свойством.
(Ошибка) Значение курсора не существует: рука — это нестандартное значение атрибута, измененное на курсор: указатель.
(Предупреждение) Строка: 0 font-family: рекомендуется указать семейство типов в качестве последнего варианта — W3C рекомендует при определении шрифтов заканчивать типом шрифта, например «sans-serif», чтобы гарантировать, что его можно использовать в различных операциях. В системе могут отображаться веб-шрифты.
(Предупреждение) Строка: 0 не удается найти предупреждающее сообщение для другого профиля -- Указывает, что в коде имеются нестандартные атрибуты или значения, и программа проверки не может определить и предоставить соответствующую предупреждающую информацию.
Адрес ссылки на эту статью: http://www.williamlong.info/archives/166.html.