Nested кестелерін пайдаланудан неге тыйым салуға болады

Кірістірілген кестелер веб-беттерді төмендетеді

Веб-беттер жылдам жүктелуі керек, бірақ кірістірілген кестелер процесті баяулатуы мүмкін. Сізге көп адамдар кең жолақты немесе жоғары жылдамдықты интернетті пайдаланатындығын айтпаңыз, сондықтан сіздің беттеріңіз қаншалықты жылдам жүктелетіндігі туралы алаңдамаңыз. Вебтегі мазмұнның көлемімен баяу жүктелетін бет немесе сайт тезірек жүктегеннен гөрі келушілерге аз болады. Жылдамдық өте маңызды.

Nested Table дегеніміз не?

Кірістірілген кесте - ішіндегі басқа кесте бар HTML кестесі. Мысалға:




1-баған
2-баған
3-баған

1-баған




кірістірілген кесте бағаны
кірістірілген кесте 2 бағанына



3-баған

1-баған
2-баған
3-баған

Кірістірілген кестелер баяу жүктеу беттерін береді

Веб-беттегі бір кесте беттің баяу жүктелуіне себеп болмайды (себеппен). Бірақ бір үстелді басқа үстелге қойған сәтте, браузердің көрсетуі қиындайды, сондықтан бет баяуырақ жүктеледі. Сіз бір-біріңіздің ішіне кірген сайын, кесте баяуырақ жүктеледі.

Кестелермен бетті жасаған кезде, кестелердегі кестелердің көп болғандығын, беттің баяу жүктелетінін есте сақтаңыз. Әдетте, бет жүктелгенде, браузер HTML-нің жоғарғы жағында басталады және оны кезекпен бетке түсіреді. Дегенмен, кірістірілген кестелермен кестенің соңын барлық нәрсені көрсете алмас бұрын табу керек.

Орналасу кестелері

Веб-беттеріңіздегі орналасу үшін кестелерді пайдалануыңыз керек. Олар әрдайым кірістірілген кестелерді пайдалануды талап етеді, сондықтан CSS-де көрсетілген бір дизайнға қарағанда кесте орналасуының веб-беті баяу жүктеледі.

Сондай-ақ, сіз жарамды XHTML жазуды қаласаңыз, кестелер орналасу үшін пайдаланылмауы керек. Кестелер кестесі үшін емес, кестелік деректерге (электрондық кестелер сияқты) арналған. Оның орнына CSS-нің орналасуына арналған CSS-ны пайдалану керек, ол тезірек жұмыс жасайды және сізге жарамды XHTML-ді сақтауға көмектеседі.

Жылдам жүктеу кестелерін жобалау

Бірнеше жолдармен кестені жасасаңыз, әр жолды бөлек кесте ретінде жазсаңыз, бұл жиі жылдамырақ жүктеледі. Мысалы, келесідей кесте жаза аласыз:




жоғарғы жол

сол жақ бағаннан
оң жақ баған

Бірақ сол кестені екі кесте ретінде жазсаңыз, ол тезірек жүктелуі мүмкін, себебі браузер бүкіл бейнені бір уақытта біріктіріп, біріншіден көрсетіп, екіншісін жасайды. Әрбір үстелнің бірдей ені және басқа стилі (толтырғыш, шеттер және шекаралар сияқты) болатынына көз жеткізу керек.



жоғарғы жол




сол жақ бағаннан
оң жақ баған

Кестелерді бір кестеге түрлендіру

Мұның бәрі жақсы ақпарат деп ойлайсыз, бірақ сізде басқа кесте болуы керек кесте бар. Бұл шындық болуы мүмкін, бірақ көбінесе кесте ұяшықтарындағы төлсипаттарды пайдаланып кірістірілген кестелерді біршама күрделі жеке кестелерге түрлендіруге болады. Мысалы, үстіңгі кестенің кірістірілген кестесінде, оны colspan төлсипатымен бір кестеге айналдыра аламын:





1-баған
colspan = «2» > 2-баған
3-баған

1-баған
кірістірілген кесте бағаны
кірістірілген кесте 2 бағанына
3-баған

1-баған
colspan = «2» > 2-баған
3-баған

Сондай-ақ, бұл кесте кірістірілген кестеден гөрі әлдеқайда аз таңбаларды пайдалану артықшылығына ие, сол себепті ол тезірек жүктеледі.