Некачественное кодирование Отсутствие тега title
Штрафной балл: 0.1–0.5
Рекомендации
Максимальный штраф 0.5 назначается, когда в коде пяти и более страниц отсутствует тег TITLE.
Штраф 0.n используется при обнаружении в работе n экземпляров погрешности (n<5).
Тег TITLE, размещаемый в блоке <HEAD>...</HEAD>, задает название окна документа.
Если в коде страницы записано:
<HEAD> <TITLE>Отсутствие тега TITLE</TITLE> </HEAD> |
То в заголовке окна страницы можно прочитать «Отсутствие тега TITLE» (рис. 7.31).
Рис 7.31. Текст в заголовке окна
Кроме того, начальная часть этого текста отображается на кнопке приложения, размещённой на Панели задач (рис. 7.32):
Рис 7.32. Текст на кнопке, размещаемой на Панели задач
Если в блок TITLE записывать заголовок страницы (настоятельно рекомендуется), то название окна и кнопки приложения будут помогать пользователю ориентироваться в многообразии открытых окон на своём Рабочем столе.
Отсутствие одного из атрибутов bgcolor, text, link, alink, vlink в теге body
Штрафной балл: 0.1–0.5
Рекомендации
За каждую обнаруженную погрешность назначается штраф 0.1.
Общая сумма штрафов ограничена числом 0.5. То есть при обнаружении более пяти ошибок, они не увеличивают суммарный штраф.
Буквальное повторение одной и той же ошибки на разных страницах считать одной погрешностью.
Цвет фона и текста
Атрибуты bgcolor и text задают цвет фона и цвет текста на странице.
Если атрибуты не заданы, браузер будет использовать цвета фона и текста по умолчанию (разные в разных браузерах).
Нужно обязательно записывать эти атрибуты явно, чтобы не потерять контроль над важными визуальными параметрами страницы.
Атрибут bgcolor нужно записывать и в том случае, если используется фоновая картинка.
Для этой рекомендации есть две причины:
В браузере графика может быть отключена, и фоновую картинку пользователь не увидит.
Фоновая картинка «приходит» по сети после того, как страница построена и заменяет фоновый цвет, заданный атрибутом bgcolor. Чтобы такая перемена не «ударила» по глазам пользователя, нужно подбирать цвет bgcolor близким к доминирующему цвету фоновой картинки.
«Удар» по глазам пользователя (рис. 7.33):
Рис 7.33. «Удар» по глазам пользователя
Плавный переход от гладкого фона к фактурному (рис. 7.34):
Рис 7.34. Плавный переход от гладкого фона к фактурному
Цвет ссылок
Атрибуты link, alink, vlink задают цвета ссылок на странице.
Смысл атрибутов:
link — задаёт цвет неотработанных ссылок (пользователь еще не щёлкал по ним);
alink — задает цвет активных ссылок (цвет ссылки во время загрузки документа);
vlink — задает цвет отработанных ссылок (пользователь «ходил» по этим ссылкам).
Если атрибуты не заданы, браузер будет использовать значения цветов по умолчанию. Как и в случае с цветами текста и фона, не стоит выпускать из-под контроля эти важные параметры визуального образа страницы.
Рекомендации по выбору цветов для ссылок
Цвет неотработанной ссылки должен быть заметным, контрастным по отношению к остальным цветам страницы. Ведь мы хотим привлечь к ссылке внимание пользователя.
Посещенные (отработанные) ссылки должны иметь существенно меньшую напряженность окраски. Они должны говорить об окончании своей рабочей смены и отдыхать.
Цвет ссылки, сразу после щелчка, должен быть ещё более активным, чем цвет неотработанной ссылки. Внимание! Я (ссылка) приступила к работе.
В большинстве браузеров цвета ссылок по умолчанию такие:
синий — цвет неотработанной ссылки; красный — цвет активной ссылки; пурпурный — цвет отработанной ссылки.
И эти цвета выбраны, конечно, не случайно.
BODY в «чёрном костюме, белой рубашке и строгом галстуке» выглядит так:
<BODY bgcolor=white text=black link=blue alink=red vlink=purple> |
Эта запись эквивалентна следующей:
<BODY bgcolor=#FFFFFF text=#000000 link=#0000FF alink=#FF0000 vlink=#800080> |