De ce ar trebui să evitați utilizarea tabelelor îngroșate

Tabelele încorporate încetinesc paginile dvs. Web

Paginile web trebuie să se descarce rapid, dar tabelele imbricate pot încetini procesul. Nu lăsați pe nimeni să vă spună că mai mulți oameni folosesc banda largă sau Internet de mare viteză, deci nu trebuie să vă faceți griji cât de repede se încarcă paginile dvs. Cu cantitatea de conținut de pe Web, o pagină sau un site care se încarcă lent va avea mai puțini vizitatori decât unul care se încarcă rapid. Viteza este foarte importantă.

Ce este o masă născută?

O tabelă imbricată este un tabel HTML care are un alt tabel înăuntru. De exemplu:




Coloana 1
Coloana 2
Coloana 3

Coloana 1




coloana 1 în tabelul imbricat
coloana de masă imbricată 2



Coloana 3

Coloana 1
Coloana 2
Coloana 3

Tabelele încorporate fac ca paginile să descarce mai lent

O singură masă pe o pagină Web nu va determina descărcarea mai lentă a paginii (în rațiuni). Dar, în momentul în care plasați o masă într-o altă masă, devine mai complicat pentru browser, astfel încât pagina să se încarce mai lent. Și cu cât mai multe mese pe care le-ați imbricat unul în celălalt, cu atât mai lent se va încărca pagina.

Când creați o pagină cu tabele, rețineți că mai multe tabele care se află în tabele, cu atât mai lent va fi încărcată pagina. În mod normal, când o pagină se încarcă, browserul pornește din partea de sus a paginii HTML și o încarcă succesiv în jos. Cu toate acestea, cu tabele imbricate, trebuie să găsiți sfârșitul tabelului înainte de a putea afișa întregul lucru.

Tabele pentru aspect

Nu ar trebui să utilizați tabele pentru aspect în paginile dvs. Web. Aproape întotdeauna necesită folosirea tabelelor imbricate, astfel încât o pagină Web a layout-ului de tabelă se va încărca mai lent decât același design redat în CSS.

De asemenea, dacă încercați să scrieți XHTML valabil, tabelele nu ar trebui să fie folosite pentru aspect. Tabelele sunt pentru date tabulare (cum ar fi foi de calcul), nu pentru aspect. În schimb, ar trebui să utilizați CSS pentru aspectul desenului - desenele CSS oferă mai repede și vă ajută să păstrați XHTML valabil.

Proiectarea meselor de încărcare mai rapide

Dacă proiectați un tabel cu mai multe rânduri, se poate încărca adesea mai repede dacă scrieți fiecare rând ca tabel separat. De exemplu, puteți scrie un tabel astfel:




rândul de sus

coloana din stânga
coloana din dreapta

Dar, dacă ați scris aceeași masă ca două mese, ar părea că se încarcă mai repede, deoarece browserul ar face primul și apoi ar face al doilea, mai degrabă decât arhivând întreaga tabelă simultan. Trucul este să vă asigurați că fiecare masă are lățimi identice și alte stiluri (cum ar fi umplutura, margini și margini).



rândul de sus




coloana din stânga
coloana din dreapta

Conversia meselor încastrate într-o singură masă

S-ar putea să simțiți că toate acestea sunt informații bune, dar aveți o masă care trebuie să aibă o altă masă imbrăcată în ea. În timp ce acest lucru poate fi adevărat, adesea puteți converti tabelele imbricate în tabele simple mai complexe, utilizând atributele pe celulele dvs. de masă. De exemplu, în tabelul imbricat de sus, pot converti acest lucru într-o singură masă cu doar atributul colspan :





Coloana 1
< col colon = "2" > Coloana 2
Coloana 3

Coloana 1
coloana 1 în tabelul imbricat
coloana de masă imbricată 2
Coloana 3

Coloana 1
colspan = "2" > Coloana 2
Coloana 3

Acest tabel are, de asemenea, avantajul de a folosi mai puține caractere decât tabelul imbricat, așa că se va descărca mai repede și din cauza asta.