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

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

Какво е вложена таблица?

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

Браузър, показващ примерния код в предходния пример за вложена таблица.

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

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

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

instagram viewer

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

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

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

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

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

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

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