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:
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. 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. Agar bir necha satrli jadval tuzadigan bo'lsangiz, har bir qatorni alohida jadval sifatida yozsangiz tez-tez tez yuklaydi. Masalan, quyidagi jadvalni yozishingiz mumkin: 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. 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: Bundan tashqari, ushbu jadval ichki jadvalga qaraganda kamroq belgilarni ishlatishning foydasi bor, shuning uchun ham tezroq yuklab olinadi.
1-ustun th>
2-ustun th>
3-ustun th>
tr>
1-ustun td>
kiritilgan jadval ustuniga 1 td>
ichki jadvallar ustuni 2 td>
tr>
table>
td>
3-ustun td>
tr>
1-ustun td>
2-ustun td>
3-ustun td>
tr>
table>
Ildizlangan jadvallar Sahifalarni asta-sekin yuklab olish uchun sabab bo'ladi
Yaratilgan jadvallar
Tezroq yuklab olish jadvallarini loyihalashtirish
yuqori qator td>
tr>
chap burchak td>
o'ng ustun td>
tr>
table>
yuqori qator td>
tr>
table>
chap burchak td>
o'ng ustun td>
tr>
table>
Ichki jadvallarni bitta jadvalga aylantirish
1-ustun th>
colspan = "2" > Ustun 2 th>
3-ustun th>
tr>
1-ustun td>
kiritilgan jadval ustuniga 1 td>
ichki jadvallar ustuni 2 td>
3-ustun td>
tr>
1-ustun td>
colspan = "2" > 2-ustun td>
3-ustun td>
tr>
table>