Зошто треба да избегнувате користење вгнездени маси

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

Веб-страниците треба да се преземат брзо, но вгнездените табели можат да го забават процесот. Не дозволувајте некој да ви каже дека повеќе луѓе користат широкопојасен интернет или брз интернет, па затоа не мора да се грижите за тоа колку брзо се вчитуваат страните. Со количината на содржина на Интернет, страница или сајт што полека ќе се вчита ќе има помалку посетители од оној што брзо ќе се вчита. Брзината е многу важна.

Што е вгнездена табела?

Вгнездена табела е HTML табела која има друга табела во неа. На пример:

<маса>

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


Колона 1

<маса>

вгнездена колона на табелата 1
вгнездена колона на табелата 2



Колона 3


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

Вгнездени табели ги предизвикува страните да преземаат повеќе Полека

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

Кога креирате страница со табели, имајте на ум дека колку повеќе табели што се во рамките на табелите, толку побавно ќе се вчита страницата. Нормално, кога страната се вчитува, прелистувачот започнува на врвот на HTML и го вчитува секвенцијално по страната. Сепак, со вгнездени маси, тој мора да го најде крајот на табелата пред да може да ја прикаже целата работа.

Табели за распределба

Вие не треба да користите табели за распоред на вашите веб-страници. Тие речиси секогаш бараат да користите вгнездени табели, така што веб-страницата на изгледот на табелата ќе се вчита побавно од истиот дизајн прикажан во CSS.

Исто така, ако се обидувате да напишете валиден XHTML, табелите воопшто не треба да се користат за изгледот. Табелите се за табеларни податоци (како што се табеларни пресметки), а не за распоред. Наместо тоа, треба да го користите CSS за изгледот -CSS дизајни побрзо и да ви помогне да одржите валиден XHTML.

Дизајнирање на побрзо вчитување на табели

Ако дизајнирате табела со повеќе редови, често може да се вчита побрзо ако го запишувате секој ред како посебна табела. На пример, можете да напишете табела вака:




горниот ред

лева колона
десна колона

Но, ако ја напишавте истата табела како две табели, се чини дека ќе се вчита побрзо, бидејќи прелистувачот ќе го направи првиот, а потоа ќе го направи вториот, наместо да ја прикажува целата табела одеднаш. Трикот е да се осигура дека секоја табела има идентични ширини и други стилови (како што е подлога, маргини и граници).



горниот ред







лева колона
десна колона

Конвертирање вгнездени табели во една табела

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

<маса>

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

Колона 1
вгнездена колона на табелата 1
вгнездена колона на табелата 2
Колона 3

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

Оваа табела, исто така, има корист од употребата на помалку карактери од вгнездената табела, така што ќе ја преземе и побрзо поради тоа.