Ugniježđene tablice spuštaju vaše web stranice
Web stranice moraju brzo preuzeti, ali ugniježđene tablice mogu usporiti proces. Nemojte nikome reći da više ljudi upotrebljava širokopojasni ili brzi internet, tako da ne morate brinuti o brzini učitavanja svojih stranica. S obzirom na količinu sadržaja na webu, stranica ili web mjesto koje se polako učitava imat će manje posjetitelja od one koja se brzo učitava. Brzina je vrlo važna.
Što je ugniježđena tablica?
Ugniježđena tablica je HTML tablica koja ima drugu tablicu unutar nje. Na primjer:
Jedna tablica na web stranici neće uzrokovati sporije spuštanje stranice (unutar razloga). No, trenutak kada stavite jednu tablicu u drugi stol, postaje složeniji za prikazivanje preglednika, tako da stranica učitava sporije. I što više tablica koje ste ugniježđeni, to će se stranica učitati sporije. Kada izradite stranicu s tablicama, imajte na umu da će se više tablica koje se nalaze unutar tablica učitati sporije. Uobičajeno, kada se stranica učitava, preglednik počinje pri vrhu HTML-a i učitava ga redom niz stranicu. Međutim, s ugniježđenim tablicama, mora pronaći kraj tablice prije nego što može prikazati cijelu stvar. Ne biste trebali koristiti tablice za izgled na svojim web stranicama. Gotovo uvijek zahtijevaju da koristite ugniježđene tablice, tako da će stranica web stranica tablice biti učitana sporije od istog dizajna prikazanog u CSS-u. Isto tako, ako pokušavate napisati valjani XHTML, tablice se uopće ne smiju koristiti za izgled. Tablice se odnose na tablične podatke (kao što su proračunske tablice), a ne za izgled. Umjesto toga, trebali biste upotrijebiti CSS za izgled - CSS dizajni pružaju brže i pomažu vam u održavanju valjanog XHTML-a. Ako dizajnirate stol s više redaka, često se učitava brže ako svaki redak napišete kao zasebnu tablicu. Na primjer, možete zapisati ovakvu tablicu: No, ako ste napisali istu tablicu kao i dvije tablice, čini se da se učitava brže, jer će preglednik izraditi prvu, a zatim prikazati drugi, a ne cijelu tablicu istodobno. Trik je osigurati da svaka tablica ima identične širine i druge stilove (poput paddinga, margina i granica). Vi svibanj osjećati da je sve ovo dobre informacije, ali imate stol koji mora imati još jedan tablica ugniježđena u njemu. Iako to može biti istina, često možete konvertirati ugniježđene tablice u nešto složenije pojedinačne tablice pomoću i atributa na ćelijama vaših tablica. Na primjer, u ugniježđenoj tablici na vrhu, to mogu pretvoriti u jednu tablicu sa samo atributom colspana : Ova tablica također ima koristi od korištenja manje znakova od ugniježđene tablice, pa će zbog toga biti i brže preuzeti.
stupac 1 th>
stupac 2 th>
stupac 3 th>
Tr>
stupac 1 td>
ugniježđena tablica stupca 1 td>
ugniježđena tablica stupca 2 td>
tr>
tablica>
Td>
stupac 3 td>
Tr>
stupac 1 td>
stupac 2 td>
stupac 3 td>
Tr>
Tablica>
Nested tablice uzrokuju da stranice budu preciznije učitane
Tablice za izgled
Izrada tablica brže učitavanja
gornji red td>
Tr>
lijevi stupac td>
desni stupac td>
Tr>
Tablica>
gornji red td>
Tr>
Tablica>
lijevi stupac td>
desni stupac td>
Tr>
Tablica>
Pretvaranje ugniježđenih tablica u jednu tablicu
stupac 1 th>
colspan = "2" > Stupac 2 th>
stupac 3 th>
Tr>
stupac 1 td>
ugniježđena tablica stupca 1 td>
ugniježđena tablica stupca 2 td>
stupac 3 td>
Tr>
stupac 1 td>
colspan = "2" > Stupac 2 td>
stupac 3 td>
Tr>
Tablica>