veerg 1
| veerg 2
| veerg 3
Pesastatud tabelid põhjustavad lehtede laadimist aeglasemalt Veebilehe üks laud ei põhjusta lehe laadimist aeglasemalt (põhjusel). Kuid hetkest kui panete ühe tabeli teise laua alla, muutub brauser selle muutmiseks keerukamaks, nii et leht laaditakse aeglasemalt. Ja mida rohkem tabeleid olete üksteise peale paigutanud, seda aeglasemalt lehte laaditakse.
Kui loote tabeliga lehe, pidage meeles, et kui palju tabeleid tabelites on, siis aeglasemalt lehte laaditakse. Tavaliselt algab brauseri laadimine HTML-i ülaosas ja laadib selle järjestikku lehe alla. Nendega tabelite korral peab see tabeli lõppu leidma enne, kui see näitab kogu asja.
Paigutuse tabelid Sa ei tohiks oma veebisaitide kujundamiseks kasutada tabeleid . Nad nõuavad peaaegu alati, et kasutate pandud tabeleid, nii et tabeli kujundus veebileht laaditakse aeglasemalt kui sama CSS-i kujundatud disain.
Kui proovite kirjutada ka kehtivat XHTML-i, ei peaks tabeleid üldse paigutama. Tabelid on tabelarvandmed (nt arvutustabelid), mitte paigutuse jaoks. Selle asemel peaksite CSS-i paigutusega CSS-i kasutades kasutama kiiremini ja aitama säilitada kehtivat XHTML-i.
Tabelite kiiremat laadi laadimine Kui konstrueerite lauda, millel on mitu rida, võib see sageli koorma kiiremini, kui kirjutad iga rea eraldi tabelisse. Näiteks võite kirjutada selline tabel:
ülemine rida
|
vasak kolonn
| parempoolne veerg
Kuid kui sa kirjutasid sama laua kui kaks tabelit, tundub see laadimist kiiremini, sest brauser muudab esimese ja muudab seejärel teise, selle asemel, et muuta kogu tabel korraga. Trikk on veenduda, et igal tabelil on ühesugused laiused ja muud stiilid (nt padjad, servad ja piirid).
ülemine rida
vasak kolonn
| parempoolne veerg
Sisestatud tabelite teisendamine ühele tabelile Võite tunda, et see kõik on hea info, kuid teil on tabel, millel peab olema teine tabel. Kuigi see võib olla tõsi, võite tihtipeale pandud tabelid teisendada veidi keerulisematesse tabelitesse, kasutades oma tabelirakendustes ja atribuute. Näiteks ülaosas olevasse pandud tabelisse saan teisendada see ühe tabelina lihtsalt colspani atribuudiga:
veerg 1
| colspan = "2" > veerg 2
| kolmas veerg
|
veerg 1
| lingitud tabeli veerg 1
| pandud tabeli veerg 2
| veerg 3
|
veerg 1
| colspan = "2" > veerg 2
| veerg 3
Sellel tabelil on kasu ka väiksemate tähemärkide kasutamine kui pandud tabel, seega laaditakse see ka kiiremini alla.
| | | | |