Раніше все обертали в div align. Тепер це застаріло. Але в ті часи, якщо потрібно було центрувати зображення або притиснути його вправо, перед тегом ‘‘ додавали ‘
З вертикальним вирівнюванням все ставало складніше. У вас було три варіанти того, як текст розміщувався щодо графіки.
Варіанти вертикального вирівнювання
Типова поведінка? Зображення зліва, текст праворуч. Якщо потрібно було зробити навпаки, доводилося знову використовувати трюк з div align. Але для зв’язку «текст-зображення» вибирали одне з трьох значень:
- align=”bottom” : Текст вирівняний по нижньому краю зображення.
- align=”top” : Текст вирівняний по верхньому краю.
- align=”middle” : Текст розташований уздовж вертикальної середини зображення.
Кожен приклад виглядав так:
Код був неакуратним. Але він працював.
Створення анімованих GIF
Статичні зображення нудні. Хотілося руху. Флеш. Життя.
Інструментом тієї епохи було The GIF Construction Set. Ви не написали код анімації. Ви її збирали. Створювали окремі кадри. Розставляли їх у потрібній послідовності. Потім пакували все в один файл .gif.
Одне зображення. Багато кадрів. Без потреби у плагіні для відтворення відео.
У цьому й полягав трюк. Можна було зробити логотип, що обертається, або підстрибує заголовок без плагінів браузера. Просто один файл зображення, який браузер інтерпретував як рух.
Не було елегантним. Файли були величезними. Кольорова палітра обмежувалася 256 кольорами. Але це працювало.
Ми більше так не робимо. CSS-анімації замінили цей підхід. JavaScript взяв основну роботу. Але якщо ви підтримуєте застарілий код кінця 90-х, вам все ще потрібно розуміти, як саме `align=”middle” впливає на висоту рядка. І чому ваша анімована GIF анімація завантажується три секунди по 3G.
Старі теги пішли у минуле. Логіка лишилася.
