Разделитель гифка - Spacer GIF

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

История

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

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

Применение

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

Сами по себе Spacer 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. ^ Рённ-Йенсен, Джеспер (2006-03-03). "Justaddwater: Кто изобрел Spacer GIF". Просто добавь воды. Получено 2006-11-26.
  2. ^ Сигел, Дэвид (1997-10-02). «Сеть разрушена, и я ее испортил». XML.com. O'Reilly Media. Получено 2015-07-08.

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