Kung Bakit Dapat Mong Iwasan ang Paggamit ng Nested Tables

Nested Tables Mabagal Iyong Mga Web Page Down

Ang mga pahina ng web ay kailangang mag-download nang mabilis, ngunit ang mga nested na mga talahanayan ay maaaring makapagpabagal sa proseso. Huwag hayaan ang sinuman na sabihin sa iyo na mas maraming tao ang gumagamit ng broadband o high-speed Internet, kaya hindi mo kailangang mag-alala tungkol sa kung gaano kabilis ang pagkarga ng iyong mga pahina. Sa dami ng nilalaman sa Web, isang pahina o site na naglo-load nang mabagal ay magkakaroon ng mas kaunting mga bisita kaysa sa mabilis na naglo-load. Ang bilis ay napakahalaga.

Ano ang Nested Table?

Ang nakapugad na talahanayan ay isang talahanayan ng HTML na may isa pang talahanayan sa loob nito. Halimbawa:




Haligi 1
Haligi 2
Hanay 3

Haligi 1




nested table column 1
nested talahanayan haligi 2



Haligi 3

Haligi 1
Haligi 2
Haligi 3

Nested Tables Dahilan Pahina upang I-download Higit pang mga dahan-dahan

Ang isang solong mesa sa isang pahina ng Web ay hindi magiging sanhi ng pag-download ng pahina nang mas mabagal (sa loob ng dahilan). Ngunit sa sandaling inilagay mo ang isang talahanayan sa loob ng isa pang talahanayan, nakakakuha ito ng mas kumplikado para sa browser na mag-render, kaya ang pahina ay naglo-load ng mas mabagal. At ang higit pang mga talahanayan na nested mo sa loob ng isa't isa, mas mabagal ang load ng pahina.

Kapag lumikha ka ng isang pahina na may mga talahanayan, tandaan na ang higit pang mga talahanayan na nasa loob ng mga talahanayan, ang mas mabagal na pahina ay bubuuin. Karaniwan, kapag ang isang pahina ay naglo-load, nagsisimula ang browser sa tuktok ng HTML at ina-load ito nang sunud-sunod sa pahina. Gayunpaman, may nested mga talahanayan, ito ay upang mahanap ang dulo ng talahanayan bago ito maipakita ang buong bagay.

Mga Table para sa Layout

Hindi ka dapat gumamit ng mga talahanayan para sa layout sa iyong mga pahina sa Web. Sila ay halos palaging nangangailangan na ginagamit mo ang nested mga talahanayan, kaya ang isang table-layout ng pahina ng Web ay load ng mas mabagal kaysa sa parehong disenyo na nai-render sa CSS.

Gayundin, kung sinusubukan mong isulat ang wastong XHTML, hindi dapat gamitin ang mga talahanayan para sa layout. Ang mga table ay para sa mga hugis ng mga talaan ng data (tulad ng mga spreadsheet), hindi para sa layout. Sa halip, dapat mong gamitin ang CSS para sa layout -Matutukoy ang mga disenyo ng Css nang mas mabilis at tulungan kang mapanatili ang wastong XHTML.

Pagdidisenyo ng Mas Mabilis na Naglo-load ng Mga Table

Kung nag-disenyo ka ng isang talahanayan na may maramihang mga hilera, maaari itong madalas na mag-load ng mas mabilis kung isinusulat mo ang bawat hilera bilang isang hiwalay na talahanayan. Halimbawa, maaari kang sumulat ng table na katulad nito:




hilera sa itaas

kaliwang haligi
kanang haligi

Ngunit kung isinulat mo ang parehong talahanayan bilang dalawang talahanayan, lilitaw itong mag-load ng mas mabilis, dahil ang browser ay mag-render ng una at pagkatapos ay i-render ang pangalawang, sa halip na i-render ang buong talahanayan nang sabay-sabay. Ang lansihin ay upang tiyakin na ang bawat talahanayan ay may magkaparehong lapad at iba pang mga estilo (tulad ng padding, gilid, at mga hangganan).



hilera sa itaas




kaliwang haligi
kanang haligi

Pag-convert ng Nested Tables Sa Isang Table

Maaari mong pakiramdam na ang lahat ng ito ay mahusay na impormasyon, ngunit mayroon kang isang table na dapat magkaroon ng isa pang talahanayan nested sa loob nito. Habang ito ay maaaring totoo, madalas maaari mong i-convert nested mga talahanayan sa bahagyang mas kumplikadong solong mga talahanayan sa pamamagitan ng paggamit ng at mga katangian sa iyong mga cell ng talahanayan. Halimbawa, sa nakapugad na talahanayan sa itaas, maaari ko itong i-convert sa iisang talahanayan na may lamang na katangian ng colspan :





Haligi 1
colspan = "2" > Haligi 2
Hanay 3

Haligi 1
nested table column 1
nested talahanayan haligi 2
Haligi 3

Haligi 1
colspan = "2" > Haligi 2
Haligi 3

Ang mesa na ito ay mayroon ding benepisyo ng paggamit ng mas kaunting mga character kaysa sa nakapugad na talahanayan, kaya ito ay i-download nang mas mabilis dahil sa na rin.