Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Почему таблицы — это плохо, a css — очень хорошо

.

Пришло время для небольшого исторического экскурса.

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

В наши дни язык CSS настолько развит, что нет ни малейшей необходимости использовать для верстки таблицы. По всем признакам CSS — наилучший инструмент для работы. И тем не менее многие сайты по-прежнему создаются с помощью таблиц. Но это просто пережиток прошлого, который потихоньку отмирает, как ему и положено. Вы тоже можете внести посильный вклад в развитие прогресса. Но перед этим рассмотрим преимущества CSS перед таблицами.

• Быстрое и простое изменение дизайна. Разметка, основанная на CSS, гарантирует, что все ваши правила стилей (от декоративных мелких штрихов вроде изменения шрифта до крупных стилей, структурирующих страницу) собраны в одном месте. Измените правило в таблице стилей — и поменяется каждая связанная с ней страница. Использование обычных таблиц «запирает» дизайн в рамках самой страницы, поэтому его изменение превращается в настоящую проблему, которая не решается простым редактированием пары строк в таблице стилей.

• Поддержка доступности. Таблица предназначена только для хранения данных в упорядоченной форме. По этой причине такие вспомогательные устройства, как экранные дикторы, могут работать некорректно, если контент страницы не соответствует форме, в которой он представлен. Другими словами, такого рода устройства ожидают, что в таблицах будут упорядоченные данные; а если таблица используется для иных целей, то в первую очередь страдает веб-доступность. Если вы выполнили разметку с помощью обычной таблицы, то страница, которая нормально выглядит на экране, будет совершенно нелогичной с точки зрения экранного диктора.

• Высокая скорость загрузки. Страница с табличной версткой почти всегда будет загружаться медленнее, чем аналогичная страница с CSS-версткой. Это особенно касается страниц с большим количеством контента. Во-первых, табличная верстка всегда занимает намного больше строк разметки, чем элементы div. Дополнительные строки увеличивают размер файла страницы и, соответственно, количество времени, которое занимает загрузка файла. Вторая причина — восприятие пользователем процесса загрузки. Ведь браузеры не загружают страницу одним махом. Отправляя запрос, они получают часть информации о странице и пытаются отобразить ее. Например, загружая наш сайт, браузер сначала отобразит заголовок, потом навигацию и, наконец, основной контент. Если скорость соединения такая маленькая, что и основной контент придется загружать по частям, то браузер по крайней мере будет показывать то, что есть. В случае страницы с табличной версткой браузеру нужно загрузить все содержимое таблицы (которая воспринимается как неделимый элемент) и показать его на экране. Поэтому страница, сверстанная на основе CSS, будет отображаться на экране быстрее, чем сверстанная на основе таблицы.

Итак, самый важный вывод: не верьте, что табличная верстка — это круто. Таблицы нельзя применять для разметки страниц (откуда и пошла их дурная слава), но можно и нужно — для представления информации в упорядоченном виде, что и является их прямым предназначением.

.

Читайте так же:
Not found