Типовые решения в вёрстке

Типовые решения в вёрстке

Изначально язык ХТМЛ не предполагал сложную раскладку элементов на веб‑страницах. Большинство страниц представляли собой линейный текст вперемежку с изображениями. Но верстальщики нашли разные способы преодолеть это техническое ограничение и стали использовать таблицы и свойство float, чтобы делать многоколоночные шаблоны страниц.

Верстальщики разделились на два лагеря — любителей таблиц и флоатов (я себя относил скорее ко второму). Таблицы не были оптимальным вариантом, потому что содержимое таблицы не показывалось, пока таблица не просчитывалась полностью. Таким образом, страницы, которые были свёрстаны исключительно таблицами, могли отображаться на экране гораздо позже, чем страницы, свёрстанные с помощью float. Сложные страницы, состоящие из таблиц сложнее рефакторить, флоаты гораздо гибче. При этом верстать таблицами намного проще. Вёрстка флоатами — по своей сути хак и больше похожа на секретное знание, которое трудно объяснить другому человеку.

С тех пор язык ХТМЛ значительно эволюционировал и стал отвечать современным требованиям. Появились специальные инструменты для раскладки элементов, выстраивания колонок и многого другого.

Необходимость использования float отпала. Я советую никогда не использовать флоаты для раскладки элементов на странице, их время прошло. Как и раскладки таблицами.

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

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

Веб‑разработка
Отправить
Поделиться
Запинить

Рекомендуем другие советы