За каждую обнаруженную погрешность назначается штраф 0.1.
Общая сумма штрафов ограничена числом 0.5. То есть при обнаружении более пяти ошибок, они по-прежнему фиксируются в комментариях, но не увеличивают суммарный штраф.
Буквальное повторение одной и той же ошибки (одного и того же кода) считать одной погрешностью.
Для пустых картинок-распорок, декоративной и составной графики необходимо указывать alt="". Дело в том, что по стандарту HTML у атрибута alt нет определенного значения. Это означает, что браузеры вправе помещать в альтернативный текст всё, что угодно.
Распорка — это невидимая картинка, которая используется в дизайне сайта для создания полей, отступов и точного (по пикселам) размещения элементов в окне браузера.
В качестве распорки удобно использовать GIF-картинку, содержащую всего одну точку, цвет которой объявлен прозрачным.
Такую картинку можно растягивать до любого размера, пользуясь атрибутами тега witdh и height тега IMG.
Вася записывает код для вывода логотипа и заголовока:
На экране коду соответствует изображение:
Подумав, Вася решил отодвинуть заголовок от логотипа на 50 пикселов. Он размещает между двумя картинками третью — распорку:
Экран изменился так:
Чтобы посмотреть на распорку, временно запишем в её коде border=1:
С появлением CSS использование распорок стало анахронизмом — отступы можно (и нужно) задавать соответствующими стилевыми указаниями.
Достаточно трудно придумать пример разумной декорации на гипертекстовой странице. Все графические построения должны быть функциональны.
Ниже показан фрагмент, состоящий из двух содержательных картинок, отделённых от комментария декоративным изображением телефонного провода (в двух экземплярах):
![]() |
![]() | Приятели не смогли понять друг друга: от повреждения телефонного кабеля на линии возникли помехи. |
![]() |
![]() |
Иногда выгодно исходную картинку “порезать” на части и выводить на экран “кусками”. Так делают для того, чтобы уменьшить общий размер графических файлов.
Понятно, что написать содержательный альтернативный текст для каждого фрагмента не всегда возможно. В таких случаях рекомендуется записывать комментарий (аналог общего альтернативного текста) в виде подписи под рисунком, а в тегах IMG, составляющих иллюстрацию, применять код alt="".
Ниже показана картинка в формате JPEG с альтернативным текстом “Мои дальние родственники”:
Размер этой картинки (после оптимизации) очень большой: 42 816 байт.
Замечаем, что рисованная часть с чёткими контурами лучше оптимизируется в формате GIF, а вторая часть с фотографией — в формате JPEG.
Разрезаем картинку на две части и выводим на экран с подрисуночной надписью:
|
Размер файла с картинкой в формате GIF получился 4 966 байт, с картинкой в формате JPEG — 10 091 байт. Получили неплохую экономию в 27 759 байт.