Веб-страницы нужно загружать быстро, но вложенные таблицы могут замедлить процесс. Не позволяйте никому говорить, что все больше людей используют широкополосный или высокоскоростной Интернет, поэтому вам не нужно беспокоиться о том, как быстро загружаются ваши страницы. При объеме контента в Интернете, страница или сайт, который загружается медленно, будет иметь меньше посетителей, чем тот, который быстро загружается. Скорость очень важна.
Что такое вложенная таблица?
Вложенная таблица - это таблица HTML, в которой есть другая таблица. Например:
Столбец 1 Столбец 2 Столбец 3 Столбец 1
столбец с вложенной таблицей 1 столбец с вложенной таблицей 2 Столбец 3 Столбец 1 Столбец 2 Столбец 3
Вложенные таблицы заставляют страницы загружать еще медленнее
Одна таблица на веб-странице не приведет к медленной загрузке страницы (в пределах разумного). Но как только вы поместите одну таблицу в другую таблицу, она становится более сложной для браузера, поэтому страница загружается медленнее. И чем больше таблиц вы вложили друг в друга, тем медленнее загружается страница.
Когда вы создаете страницу со столами, имейте в виду, что чем больше таблиц, находящихся внутри таблиц, тем медленнее загружается страница. Обычно, когда страница загружается, браузер запускается вверху HTML и загружает его последовательно вниз по странице. Однако с вложенными таблицами он должен найти конец таблицы, прежде чем он сможет отобразить всю вещь.
Таблицы для макета
Вы не должны использовать таблицы для раскладки на своих веб-страницах. Они почти всегда требуют, чтобы вы использовали вложенные таблицы, поэтому веб-страница с табличным макетом будет загружаться медленнее, чем та же конструкция, что и в CSS.
Кроме того, если вы пытаетесь написать допустимый XHTML, таблицы не должны использоваться для компоновки вообще. Таблицы предназначены для табличных данных (например, электронных таблиц), а не для макета. Вместо этого вы должны использовать CSS для макета-дизайна CSS, чтобы сделать рендеринг быстрее и помочь вам поддерживать действительный XHTML.
Проектирование более быстрых таблиц загрузки
Если вы создаете таблицу с несколькими строками, она может часто загружаться быстрее, если вы пишете каждую строку в виде отдельной таблицы. Например, вы можете написать таблицу следующим образом:
Верхний ряд левая колонка правая колонка
Но если вы написали ту же таблицу, что и две таблицы, она будет загружаться быстрее, потому что браузер будет отображать первый, а затем отображать второй, а не отображать всю таблицу сразу. Хитрость заключается в том, чтобы каждая таблица имела одинаковые ширины и другие стили (например, отступы, поля и границы).
Верхний ряд
левая колонка правая колонка
Преобразование вложенных таблиц в одну таблицу
Вы можете почувствовать, что все это хорошая информация, но у вас есть таблица, которая должен есть другая таблица, вложенная в нее. Хотя это может быть правдой, часто вы можете конвертировать вложенные таблицы в несколько более сложные одиночные таблицы, используя атрибуты и атрибуты в ячейках таблицы. Например, во вложенной таблице вверху я могу преобразовать ее в одну таблицу, Объединение столбцов атрибут:
Столбец 1 Объединение колонок = "2" > Столбец 2 Столбец 3 Столбец 1 столбец с вложенной таблицей 1 столбец с вложенной таблицей 2 Столбец 3 Столбец 1 Объединение колонок = "2" > Столбец 2 Столбец 3
Эта таблица также имеет преимущество использования меньшего количества символов, чем вложенная таблица, поэтому она будет быстрее загружаться из-за этого.
