Ichki jadvallarni ishlatishdan nima uchun ehtiyot bo'lishingiz kerak

Ichki jadvallar veb-sahifalarni pastlab sekinlatadi

Veb-sahifalar tezda yuklab olishi kerak, lekin ichki jadvallar jarayonni sekinlashtirishi mumkin. Hech kim sizga keng tarmoqli yoki tezkor internetni ishlatishini aytmasin, shuning uchun siz sahifalaringiz qanchalik tez yuklanishiga tashvish qilishingiz shart emas. Internetdagi kontent miqdori bilan, asta-sekin yuklaydigan sahifa yoki sayt tezroq yuklaydiganlardan kamroq mehmonlarga ega bo'ladi. Tezlik juda muhim.

Nested Table nima?

Ichki qavattirilgan jadval HTML jadvalining ichida joylashgan va boshqa jadval mavjud. Masalan:



1-ustun
2-ustun
3-ustun


1-ustun



kiritilgan jadval ustuniga 1
ichki jadvallar ustuni 2



3-ustun


1-ustun
2-ustun
3-ustun

Ildizlangan jadvallar Sahifalarni asta-sekin yuklab olish uchun sabab bo'ladi

Veb-sahifadagi bitta jadval sahifani yanada sekin yuklab olishiga olib kelmaydi. Ammo boshqa stolda bir stol qo'yganingizdan so'ng brauzerni ko'rsatish uchun murakkablashadi, shuning uchun sahifa yanada sekin tushadi. Va bir-birining ichkarisiga joylashtirilgan ko'proq jadvallar, sahifada qancha sekinroq ko'tariladi.

Jadvallarni tuzadigan sahifani yaratgandan so'ng, jadvallar ichida joylashgan jadvallarning ko'pligi shuni yodda tutingki, sahifaning yuklanishi sekinlashadi. Odatda, sahifa yuklanganda, brauzer HTMLning yuqori qismida boshlanadi va sahifani ketma-ket ravishda yuklab qo'yadi. Biroq, ichki jadvallar bilan, u hamma narsani namoyish qilishdan oldin jadval oxirini topish kerak.

Yaratilgan jadvallar

Veb-sahifalaringizda jadval uchun jadvallardan foydalanmasligingiz kerak. Ular deyarli har doim ichki jadvallarni ishlatishni talab qilishadi, shuning uchun jadvalni joylashtirish veb-sahifasi CSS-da bir xil dizayndan ko'ra asta-sekin yuklaydi.

Bundan tashqari, agar siz haqiqiy XHTMLni yozmoqchi bo'lsangiz, jadvallar tartib uchun ishlatilmasligi kerak. Jadvallar nizom uchun emas, balki jadvallar uchun (elektron jadvallar kabi). Buning o'rniga, tartib uchun CSS-dan foydalanishingiz kerak. -CSS dizaynlari tezroq ishlashi va sizning joriy XHTMLni saqlab qolishingizga yordam beradi.

Tezroq yuklab olish jadvallarini loyihalashtirish

Agar bir necha satrli jadval tuzadigan bo'lsangiz, har bir qatorni alohida jadval sifatida yozsangiz tez-tez tez yuklaydi. Masalan, quyidagi jadvalni yozishingiz mumkin:




yuqori qator

chap burchak
o'ng ustun

Ammo bir stolni ikkita jadval sifatida yozsangiz, brauzer dastlabki natijani ko'rsatishi va keyin butun jadvalni bir vaqtning o'zida bajarishdan ko'ra ikkinchisini bajarishi uchun tezroq yuklanadi. Har bir jadvalning bir xil kengliklari va boshqa uslublari (to'ldirish, chekka bo'shliqlari va chegaralar kabi) bo'lishiga ishonch hosil qilish.



yuqori qator







chap burchak
o'ng ustun

Ichki jadvallarni bitta jadvalga aylantirish

Bularning barchasi yaxshi ma'lumot, deb hisoblashingiz mumkin, lekin sizda ichki jadvalga ega bo'lgan jadval mavjud. Bu to'g'ri bo'lishi mumkin bo'lsa-da, odatda ichki jadvallarni biroz murakkab bir jadvalga va jadval hujayralaridagi atributlardan foydalanib o'zgartirishi mumkin. Masalan, yuqoridagi ichki jadvalda, uni faqatgina colspan xususiyati bilan bitta jadvalga aylantira olaman:


1-ustun
colspan = "2" > Ustun 2
3-ustun

1-ustun
kiritilgan jadval ustuniga 1
ichki jadvallar ustuni 2
3-ustun

1-ustun
colspan = "2" > 2-ustun
3-ustun

Bundan tashqari, ushbu jadval ichki jadvalga qaraganda kamroq belgilarni ishlatishning foydasi bor, shuning uchun ham tezroq yuklab olinadi.