Защо трябва да избягвате използването на вложени таблици

Вложени таблици бавно Вашите уеб страници надолу

Уеб страниците трябва да се изтеглят бързо, но вложените таблици могат да забавят процеса. Не позволявайте на никого да ви каже, че повече хора използват широколентов или високоскоростен интернет, така че не е нужно да се притеснявате колко бързо се зареждат страниците ви. С количеството съдържание в мрежата, страница или сайт, който се зарежда бавно, ще има по-малко посетители от тази, която се зарежда бързо. Скоростта е много важна.

Какво представлява вложената таблица?

Вложената таблица е HTML таблица, която има друга таблица в нея. Например:

<Маса>

Колона 1
Колона 2
Колона 3


Колона 1

<маса>

вложена таблица в колона 1
вложена таблица в колона 2



Колона 3


Колона 1
Колона 2
Колона 3

Вложените таблици причиняват страници, за да изтеглят по - бавно

Една таблица на уеб страница няма да причини изтеглянето на страницата по-бавно (в разумна степен). Но в момента, в който поставите една маса в друга маса, стане по-сложно за браузъра, затова страницата се зарежда по-бавно. И колкото повече маси имате вложени вътре, толкова по-бавно ще се зареди страницата.

Когато създавате страница с таблици, имайте предвид, че колкото повече таблици са в рамките на таблици, толкова по-бавно ще се зареди страницата. Обикновено, когато се зарежда страница, браузърът започва в горната част на HTML и я зарежда последователно надолу по страницата. Въпреки това, с вложени таблици, той трябва да намери края на таблицата, преди да може да покаже цялото нещо.

Таблици за оформление

Не трябва да използвате таблици за оформление на уеб страниците си. Те почти винаги изискват да използвате вложени таблици, така че уеб страницата за оформление на таблици ще се зарежда по-бавно, отколкото при същия дизайн, предоставен в CSS.

Също така, ако се опитвате да напишете валиден XHTML, таблиците изобщо не трябва да се използват за оформление. Таблиците са за таблични данни (например електронни таблици), а не за оформление. Вместо това трябва да използвате CSS за оформление. Проектите -CSS стават по-бързи и ви помагат да поддържате валиден XHTML.

Проектиране на таблици за по-бързо натоварване

Ако проектирате таблица с няколко реда, тя често може да се зареди по-бързо, ако записвате всеки ред като отделна таблица. Например можете да напишете таблица по следния начин:




горния ред

лявата колона
дясна колона

Но ако сте написали една и съща таблица като две таблици, изглежда, че ще се зареди по-бързо, защото браузърът ще направи първото и след това ще направи второто, вместо да изобразява цялата таблица наведнъж. Номерът е да се уверите, че всяка маса има идентични ширини и други стилове (като подложки, полета и граници).



горния ред







лявата колона
дясна колона

Преобразуване на вложени таблици в една таблица

Може да почувствате, че всичко това е добра информация, но имате таблица, която трябва да има друга маса в нея. Макар че това може да е вярно, често можете да конвертирате вложени таблици в малко по-сложни единични таблици, като използвате атрибутите и клетките в таблицата. Например, във вложената в горната таблица таблица мога да превърна това в една таблица само с атрибута colspan :

<Маса>

Колона 1
colspan = "2" > Колона 2 a >
Колона 3

Колона 1
вложена таблица в колона 1
вложена таблица в колона 2
Колона 3

Колона 1
colspan = "2" > Колона 2
Колона 3

Тази таблица също има полза от използването на по-малко знаци от вложената таблица, така че ще се изтегли по-бързо и заради това.