Декоративная графика

Достаточно трудно придумать пример разумной декорации на гипертекстовой странице. Все графические построения должны быть функциональны.

Пример

Ниже показан фрагмент, состоящий из двух содержательных картинок, отделённых от комментария декоративным изображением телефонного провода (в двух экземплярах) (рис. 7.42):

Рис 7.42. Пример декоративной графики

Составная графика

Иногда выгодно исходную картинку «порезать» на части и выводить на экран «кусками». Так делают, чтобы уменьшить общий размер графических файлов.

Понятно, что написать содержательный альтернативный текст для каждого фрагмента не всегда возможно. В таких случаях рекомендуется записывать комментарий (аналог общего альтернативного текста) в виде подрисуночной надписи, а в тегах IMG, составляющих иллюстрацию, применять код alt ="".

Пример

Ниже показана картинка в формате JPEG с альтернативным текстом «Мои дальние родственники» (рис. 7.43):

Рис 7.43. Мои дальние родственники

Размер этой картинки даже после оптимизации очень большой: 42 816 байт.

Замечаем, что рисованная часть с чёткими контурами лучше оптимизируется в формате GIF, а вторая часть с фотографией — в формате JPEG.

Можно разрезать картинку на две части и вывести на экран с подрисуночной надписью. Размер файла с первым фрагментом в формате GIF — 4 966 байт, со вторым в формате JPEG — 10 091 байт. Получается неплохая экономия в 27 759 байт.

Теги Hn используются не для выделения заголовков или не отражают иерархию документа

Штрафной балл: 0.1–0.5

Рекомендации

За каждую обнаруженную погрешность назначается штраф 0.1.

Общая сумма штрафов ограничена числом 0.5. То есть при обнаружении более пяти ошибок, они не увеличивают суммарный штраф.

Теги Hn (заголовки) играют особую роль в коде гипертекстовой страницы: они задают иерархическую структуру документа.

Тегом H1 нужно выделять заголовки первого уровня, тегом H2 — заголовки второго уровня и так далее (рис. 7.44)

Рис 7.44. Заголовки отражают древовидную структуру документа

Использовать заголовки нужно очень аккуратно в соответствии с их иерархическими уровнями в структуре документа. Не следует использовать теги Hn для выделения обычного текста. Они применяются только для заголовков.

Существуют специальные программы, которые автоматически составляют оглавление гипертекстового документа. Делают они это при помощи сбора информации из тегов Hn. Если заголовочные теги обрамляют обычные тексты или не отражают иерархическую структуру документа, оглавление будет построено неверно.

Дата добавления: 2015-11-30