Zašto morate izbjeći korištenje ugrađenih tabela

Uložene tabele usporavaju Vaše Web stranice dolje

Web stranice moraju brzo preuzeti, ali ugnežene tabele mogu usporiti proces. Nemojte dozvoliti da vam neko kaže da više ljudi koristi širokopojasni ili brzi Internet, pa ne morate brinuti koliko brzo učitavaju vaše stranice. Sa količinom sadržaja na Vebu, stranica ili sajt koji polako učitava će imati manje posetilaca nego onih koji brzo učitavaju. Brzina je veoma važna.

Šta je ugrađena tabela?

Ugrađena tabela je HTML tabela koja ima još jednu tablicu unutar nje. Na primjer:



Kolona 1
Kolona 2
Kolona 3


Kolona 1



ugrađena kolona 1
ugrađena kolona 2



Kolona 3


Kolona 1
Kolona 2
Kolona 3

Ugrađene tabele uzrokuju da stranice preuzmu više polako

Jedna tabela na Web stranici neće dovesti do sporijeg downloadanja stranice (u okviru razloga). Ali u trenutku kada stavite jedan sto na drugi stol, postaje sve komplikovanije da se pretraživač obradi, tako da se stranica učitava sporije. I što više tabela kojeg ste ugnežavali jedna drugoj, sporije će se stranica učitati.

Kada kreirate stranicu sa tablicama, imajte na umu da će se više tabela unutar tablica ubrizgati stranica. Uobičajeno, kada se stranica učita, pretraživač počinje na vrhu HTML-a i učitava ga redom po strani. Međutim, sa ugrađenim tabelama, mora da pronađe kraj tabele pre nego što može prikazati celu stvar.

Tabele za postavljanje

Ne smete koristiti tablice za postavljanje na vašim Web stranicama. Oni skoro uvek zahtevaju da koristite ugnežene tabele, tako da će web stranica postavljanja tabele učitati sporije od istog dizajna prikazanog u CSS-u.

Takođe, ako pokušavate da napišete važeći XHTML, tabele se uopšte ne smeju koristiti za izgled. Tabele su za tabularne podatke (kao što su tabele), a ne za raspored. Umesto toga, koristite CSS za raspoređivanje -CSS dizajna učinite brže i pomoći vam da održite važeći XHTML.

Dizajniranje bržih tabela za učitavanje

Ako dizajnirate tabelu sa više redova, može se često učitati brže ako pišete svaki red kao zasebnu tablicu. Na primer, mogli biste da napišete sledeću tablicu:




gornji red

leva kolona
desna kolona

Ali, ako ste istu tabelu napisali kao dve tablice, izgleda da će se učitati brže, jer će pretraživač učiniti prvo, a zatim ponoviti drugu, umjesto da se cijela tabela odjednom odjednom vrši. Trik je da se osigura da svaka tabela ima identične širine i druge stilove (kao što su padding, margine i granice).



gornji red







leva kolona
desna kolona

Pretvaranje ugrađenih tabela u jedne tabele

Možda ćete osećati da su sve ovo dobre informacije, ali imate tablicu koja mora imati drugu ugrađenu tablicu. Iako ovo može biti tačno, često možete pretvoriti ugnežene tablice u nešto složenije pojedinačne tabele koristeći i atribute u vašim ćelijama. Na primjer, u ugnezdanom tabelu na vrhu, mogu ovo pretvoriti u jednu tablicu samo sa atributom colspan :


Kolona 1
colspan = "2" > Kolona 2
Kolona 3

Kolona 1
ugrađena kolona 1
ugrađena kolona 2
Kolona 3

Kolona 1
colspan = "2" > Kolona 2
Kolona 3

Ova tabela takođe ima koristi od upotrebe manje karaktera od ugrađene tabele, tako da će i brže biti učitano zbog toga.