Ինչու պետք է խուսափեք Ներածված աղյուսակների օգտագործմամբ

Ներկայացված աղյուսակները դանդաղեցրեք ձեր վեբ էջերը

Վեբ էջերը պետք է արագ ներբեռնեն, բայց ներկված սեղանները կարող են դանդաղեցնել գործընթացը: Թույլ մի տվեք, որ որեւէ մեկը ձեզ ասի, որ ավելի շատ մարդիկ օգտվում են լայնաշերտ ինտերնետից կամ բարձր արագությամբ ինտերնետից, այնպես որ դուք չպետք է անհանգստանաք, թե որքան արագ է ձեր էջերը բեռնված: Ինտերնետում բովանդակության քանակով, էջը կամ կայքը, որը դանդաղորեն բեռնվում է, ավելի քիչ այցելուներ կունենա, քան արագորեն բեռնվում: Արագությունը շատ կարեւոր է:

Ինչ է Ներածված աղյուսակը:

Ներկված աղյուսակը HTML սեղան է, որը ներսում կա մեկ այլ աղյուսակ: Օրինակ:




Սյունակ 1
Սյունակ 2
Սյունակ 3

Սյունակ 1




նեղված աղյուսակ սյունակ 1
ներկված աղյուսակի սյունակ 2



Սյունակ 3

Սյունակ 1
Սյունակ 2
Սյունակ 3

Ներկառուցված սեղաններն ավելի դանդաղ են պատճառում էջերը

Վեբ էջի վրա մեկ սեղան չի բերի էջը ավելի դանդաղ (ներսում): Սակայն այն պահից, երբ դուք մեկ սեղանի վրա եք դնում մեկ այլ սեղանի մեջ, բրաուզերի համար ավելի բարդ է դառնում, ուստի էջը ավելի դանդաղ է բեռնում: Իսկ ավելի շատ սեղանները, որոնք դուք ներսում եք միմյանց մեջ, այնքան ավելի դանդաղ է, որ էջը կբեռնվի:

Երբ ստեղծեք էջի աղյուսակները, հիշեք, որ սեղանների մեջ գտնվող ավելի շատ աղյուսակները, էջի դանդաղ, կբեռնավորվեն: Սովորաբար, երբ էջը բեռնում է, զննարկիչը սկսվում է HTML- ի վերեւում եւ հաջորդաբար բեռնվում է էջում: Այնուամենայնիվ, նեղված աղյուսակներով, այն պետք է գտնի սեղանի վերջը, նախքան այն կարող է ցուցադրել ամբողջը:

Աղյուսակներ դասավորության համար

Դուք չպետք է օգտվեք ձեր վեբ էջերում դասավորության աղյուսակներից : Նրանք գրեթե միշտ պահանջում են, որ դուք օգտագործում եք nested սեղանները, այնպես որ սեղանի տեղադրման վեբ էջը ավելի դանդաղ է բեռնաթափվում, քան CSS- ում մատուցվող նույն դիզայնը:

Բացի այդ, եթե դուք փորձում եք գրել վավեր XHTML, սեղանները չպետք է օգտագործվեն դասավորության համար: Աղյուսակները աղյուսակային տվյալների համար են (օրինակ `աղյուսակներ), այլ ոչ թե դասավորության համար: Փոխարենը, դուք պետք է օգտագործեք CSS- ի դասավորության համար -CSS նախագծում ավելի արագ ցուցադրեք եւ օգնում եք պահպանել վավեր XHTML- ը:

Դիզայնով ավելի արագ բեռնման սեղաններ

Եթե ​​դուք նախագծում եք մի քանի շարքեր ունեցող սեղան, այն կարող է ավելի արագ բեռնել, եթե յուրաքանչյուր տող գրեք որպես առանձին սեղան: Օրինակ, կարող եք գրել այսպիսի աղյուսակը.




վերին տող

ձախ սյունակ
աջ սյունակ

Բայց եթե նույն սեղանն եք գրել երկու աղյուսակ, ապա այն ավելի արագ կհայտնվի, քանի որ զննարկիչը առաջինը մատուցեց, հետո մատուցեց երկրորդը, այլ ոչ թե ամբողջ սեղանին միանգամից մատուցելը: Խաբեությունն այն է, որպեսզի յուրաքանչյուր սեղան ունենա նույնական լայնություններ եւ այլ ոճեր (պնակ, շերտեր եւ սահմաններ):



վերին տող




ձախ սյունակ
աջ սյունակ

Ներկառուցված աղյուսակների փոխարկումը մեկ աղյուսակում

Կարող եք զգալ, որ այս ամենը լավ տեղեկատվություն է, բայց դուք ունեք մի սեղան, որը պետք է ունենա այլ սեղան: Թեեւ սա կարող է լինել ճշմարիտ, հաճախ կարող եք փոխակերպել աղյուսակները մի փոքր ավելի բարդ սեղանների միջոցով, օգտագործելով ձեր հատկանիշները եւ ձեր հատկանիշները ձեր սեղանի բջիջներում: Օրինակ, վերեւի նեղացած սեղանի մեջ ես կարող եմ փոխակերպել միայն մեկ սեղանի շուրջ `պարզապես colspan հատկանիշով.





Սյունակ 1
colspan = "2" > սյունակ 2
Սյունակ 3

Սյունակ 1
նեղված աղյուսակ սյունակ 1
ներկված աղյուսակի սյունակ 2
Սյունակ 3

Սյունակ 1
colspan = "2" > սյունակ 2
Սյունակ 3

Այս աղյուսակը նաեւ ունի ավելի քիչ նիշերի օգտագործումը, քան nested սեղանը, ուստի այն արագորեն կհեռացնի նաեւ դրա պատճառով: