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:
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. 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. 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: 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). 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 : 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.
Kolona 1 th>
Kolona 2 th>
Kolona 3 th>
tr>
Kolona 1 td>
ugrađena kolona 1 td>
ugrađena kolona 2 td>
tr>
table>
td>
Kolona 3 td>
tr>
Kolona 1 td>
Kolona 2 td>
Kolona 3 td>
tr>
table>
Ugrađene tabele uzrokuju da stranice preuzmu više polako
Tabele za postavljanje
Dizajniranje bržih tabela za učitavanje
gornji red td>
tr>
leva kolona td>
desna kolona td>
tr>
table>
gornji red td>
tr>
table>
leva kolona td>
desna kolona td>
tr>
table>
Pretvaranje ugrađenih tabela u jedne tabele
Kolona 1 th>
colspan = "2" > Kolona 2 th>
Kolona 3 th>
tr>
Kolona 1 td>
ugrađena kolona 1 td>
ugrađena kolona 2 td>
Kolona 3 td>
tr>
Kolona 1 td>
colspan = "2" > Kolona 2 td>
Kolona 3 td>
tr>
table>