Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску

Распорка GIF маленький, прозрачный GIF изображение , которое используется в веб - дизайне и HTML кодирования. Они использовались для управления визуальной компоновкой элементов HTML на веб-странице в то время, когда один только стандарт HTML не позволял этого. Они стали в основном устаревшими после того, как войны браузеров привели к добавлению атрибутов макета в теги таблиц HTML 2.0, и почти не использовались к тому времени, когда каскадные таблицы стилей получили широкое распространение.

История [ править ]

Книга Дэвида Сигела 1996 года « Создание веб-сайтов убийц» была первой известной публикацией техники Spacer GIF. По словам Сигеля, он изобрел трюк в своей гостиной. [1] [2]

Стандарт каскадных таблиц стилей (CSS) сократил использование разделителей GIF для компоновки веб-страниц. CSS может добиться тех же эффектов несколькими способами, например, путем изменения полей или отступов для данного элемента или путем явной установки относительной позиции.

Использование [ править ]

С самого начала было обнаружено, что, хотя размер ячеек таблицы не может быть установлен напрямую, каждая ячейка может содержать изображение через IMGтег. Размер тегов изображения может быть установлен самостоятельно, со своими WIDTHи HEIGHTатрибутами. Затем ячейка таблицы автоматически изменит размер, чтобы просто содержать это изображение, тем самым изменив размер. Также было понято, что отображаемый размер полностью контролируется атрибутами и не зависит от фактического размера используемого файла изображения (хотя файл реального изображения [примечание 1]все еще был нужен). Соответственно, один и тот же файл изображения можно использовать для всего множества разделительных изображений, необходимых на веб-странице. Единственное требование заключалось в том, чтобы это изображение было невидимым, потому что оно было того же цвета, что и страница, или было прозрачным.

Сами по себе Spacer GIF представляли собой небольшие прозрачные файлы изображений. Файлы GIF использовались, поскольку это был общий формат, поддерживающий прозрачность , в отличие от JPEG . Эти файлы обычно назывались spacer.gif, transparent.gifили 1x1.gif. До широкого распространения каскадных таблиц стилей (CSS) разделители GIF использовались для управления пустым пространством на веб-странице , размер которого можно было изменять в соответствии с заданными атрибутами HTML . Разделитель GIF невидим по той причине, что HTMLразработчик может создать ячейку таблицы и заполнить фон определенным цветом, который можно увидеть через прозрачную прокладку в формате GIF. Например, разработчик, стремящийся создать квадратный синий прямоугольник со стороной 500 пикселей, может использовать отдельную синюю графику размером 500 × 500 за счет дополнительной полосы пропускания. Вместо этого разработчик может указать цвет фона ячейки таблицы и указать размеры уже существующего прозрачного разделителя GIF.

Недостатки [ править ]

Созданные проекты часто выглядели идеально на дисплее дизайнера, но могли выглядеть совершенно иначе на дисплее читателя. Различное разрешение экрана, механизмы рендеринга браузера, а также пользовательские настройки шрифтов могут значительно изменить макет дизайна. Многие дизайны стали просто нечитаемыми, особенно с появлением маленьких экранов и мобильных устройств.

Реализация дизайна с помощью разделителей GIF может быть чрезвычайно утомительной, особенно при внесении небольших изменений в существующий дизайн.

Устаревание [ править ]

Примерно к 1998 году этот метод был устаревшим для проектирования веб-страниц. Реализация CSS позволяла напрямую устанавливать размеры HTML-объектов. Хотя внедрение CSS было медленным из-за плохой реализации браузеров и инертности разработчиков, базовая возможность управления размещением элементов, обеспечиваемая использованием разделительных GIF-файлов, была доступна примерно к 1997 году.

Кроме того, макеты на основе таблиц и сеток были заменены [ необходима цитата ] гибкими макетами в попытке ответить на растущее использование мобильных устройств для доступа к веб-контенту . Эти методологии проектирования отказались от попытки управлять двухмерным расположением элементов. [ необходима цитата ] Вместо этого элементы будут предлагаться браузеру читателя, и браузер будет размещать их как можно лучше в соответствии с размером окна просмотра читателя. Гибкие макеты дизайна сделали настройку размеров элементов страницы в браузере пользователя менее важной. [ необходима цитата ]Это было особенно очевидно, когда исчезла необходимость устанавливать размеры в абсолютных единицах, таких как пиксели. Поскольку веб-дизайнер никогда не мог контролировать размер окна экрана читателя, попытка жестко установить размеры всегда была ошибкой.

Ссылки [ править ]

  1. ^ sic - фактически документ изображения- файл не нужен, но всегда используется.
  1. ^ Ронн-Jensen, Jesper (2006-03-03). "Justaddwater: Кто изобрел Spacer GIF" . Justaddwater . Проверено 26 ноября 2006 . CS1 maint: обескураженный параметр ( ссылка )
  2. ^ Сигел, Дэвид (1997-10-02). «Сеть разрушена, и я ее испортил» . XML.com . O'Reilly Media . Проверено 8 июля 2015 . CS1 maint: обескураженный параметр ( ссылка )

Внешние ссылки [ править ]

  • Трюк с однопиксельным GIF @ CKWS, Дэвид Сигел
  • Разделитель Пример GIF
  • Спецификация блочной модели CSS2, Консорциум World Wide Web
  • Пример PHP для программного создания наименьшего возможного GIF
  • представление разделителей в виде URL-адресов файлов и данных в формате GIF и PNG
  • Самый крошечный GIF на свете
  • Модуль nginx ngx_http_empty_gif_module