Космос гифка

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 году.

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

Ссылки

^ sic изображение – на самом деле документ- – файл не был нужен, но неизменно использовался.

^ Рённ-Йенсен, Йеспер (3 марта 2006 г.). «Джастаддуотер: Кто изобрел космическую гифку» . Простодобавьте воду . Проверено 26 ноября 2006 г.
^ Сигел, Дэвид (2 октября 1997 г.). «Сеть разрушена, и я ее разрушил» . XML.com . О'Рейли Медиа . Проверено 8 июля 2015 г.

Внешние ссылки

[3] sic изображение – на самом деле документ- – файл не был нужен, но неизменно использовался.

[RonJensen2006-1] Рённ-Йенсен, Йеспер (3 марта 2006 г.). «Джастаддуотер: Кто изобрел космическую гифку» . Простодобавьте воду . Проверено 26 ноября 2006 г.

[Siegel1997-2] Сигел, Дэвид (2 октября 1997 г.). «Сеть разрушена, и я ее разрушил» . XML.com . О'Рейли Медиа . Проверено 8 июля 2015 г.

[1]

[2]

[примечание 1]