Просмотров: 4 195

Правило №2. Не верстайте таблицами.

33Иногда, когда вы хотите расположить элементы на веб-странице в определенной последовательности и позиции возникает желание расположить эти элементы в ячейки таблицы.

Например, может быть задача позиционирования элементов в несколько строк и столбцов. К примеру, вот так:

Безымянный

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

Но, что произойдет, если мы будем просматривать те же самые элементы на мобильном телефоне?

2016-02-09 06-29-56 Техническая помощь блоггерам и ведущим сайтов webgyry.info – Блог Дмитрия Ченгаева – Yandex

Они выходят за границы родительского блока.

Согласитесь, что было бы намного лучше, если бы все это выглядело примерно так:

Безымянный

В этом случае мы не зависим от того устройства, на котором будет просматриваться веб-страница. Блоки адаптируются под ширину и встают ровно во столько колонок, чтобы они поместились по горизонтали.

Добиться такого эффекта позволяет верстка с помощью блоков <div> и свойства CSS float.

Это не означает, что вы не можете использовать таблицы на своих веб-страницах. Главное использовать их по их прямому назначению — для хранения табличных данных.

Задачи верстки должны решаться с помощью блоков div и свойств CSS.