Үүсгэсэн хүснэгтүүд Вэб хуудасаа удаашруулах
Веб хуудсууд хурдан татаж авах хэрэгтэй, гэхдээ түүвэрлэсэн хүснэгтүүд нь процессийг удаашруулах боломжтой. Олон хүн өргөн зурвас эсвэл өндөр хурдны Интернетийг ашигладаг гэж хэлэхийг хэн ч бүү олго. Тиймээс таны хуудсыг хэр хурдан ачаалж байгаад санаа зовох хэрэггүй. Вэб дээрх агуулгын хэмжээ нь удаанаар ачиж буй хуудас эсвэл сайт нь түргэн ачдаг нэгээс цөөн цөөн зочинтой байх болно. Хурд нь маш чухал.
Нүдний ширээ гэж юу вэ?
Түүвэрлэсэн хүснэгт бол өөр хүснэгтэд агуулсан HTML хүснэгт юм. Жишээлбэл:
Багана 1
| Багана 2
| Багана 3
|
Багана 1
|
үүртэй багана багана 1
үүрлэсэн багана 2
| Багана 3
|
Багана 1
| Багана 2
| Багана 3
Үүсгэх цонхууд Хуудасны хэрэгжилтийг илүү удаашруулна Вэб хуудсан дээрх нэг хүснэгт нь хуудсыг илүү удаанаар (шалтгаанаар) татаж авах шалтгаан болохгүй. Гэхдээ та нэг хүснэгтийг өөр ширээн дээр байрлуулах үед хөтөчийг үзүүлэхэд илүү төвөгтэй болгодог тул хуудсыг илүү удаанаар ачаалах болно. Мөн та бие биендээ агуулагдсан илүү олон хүснэгтүүд, хуудсыг ачаалах болно.
Хүснэгтэд хуудас үүсгэх үед хүснэгтэд байгаа олон хүснэгтүүд хуудсыг ачаалах болно. Ихэвчлэн хуудсыг ачаалах үед хөтөч HTML дээрээс эхэлж хуудсыг дараалан байрлуулна. Гэсэн хэдий ч, түүвэрлэсэн хүснэгтүүд нь бүхэл зүйлийг харуулахын өмнө хүснэгтний төгсгөлийг олох ёстой.
Давхаргын хүснэгт Та вэб хуудасныхаа загварыг ашиглахгүй байх ёстой. Тэдгээр нь түүвэрлэсэн хүснэгтүүдийг ашиглахыг шаарддаг тул хүснэгтэнд байрлах вэб хуудас нь CSS-тэй адилхан дизайнаас илүү удаанаар ачаалах болно.
Хэрэв та жинхэнэ XHTML-г бичихийг оролдож байгаа бол хүснэгтийг бүгдийг нь хэрэглэхгүй. Хүснэгтүүд нь хүснэгт хийх гэх мэт хүснэгтэн мэдээлэл (хүснэгт гэх мэт) юм. Үүний оронд CSS-ийн дизайн хийхэд зориулж CSS-ийг ашиглах нь илүү хурдан бөгөөд хүчин төгөлдөр XHTML-ийг хадгалахад тусалдаг.
Хүснэгтийг дахин дизайн хийх Хэрэв та олон эгнээ бүхий хүснэгтийг бүтээв гэвэл мөр бүрийг тусад нь хүснэгт болгон бичихэд илүү хурдан байдаг. Жишээлбэл, та иймэрхүү хүснэгтийг бичиж болно:
дээд мөр
|
зүүн багана
| баруун багана
Гэхдээ хэрэв та хоёр хүснэгтийг нэг хүснэгтээр бичвэл энэ нь илүү хурдан ачаалагдах болно, учир нь хөтөч нь эхний хүснэгтийг үзүүлэх бөгөөд дараа нь бүхэл хүснэгтийг нэг дор бичихээс илүүтэйгээр хоёр дахь утгыг өгдөг. Энэ арга нь хүснэг бүрийн ижил өргөн, бусад загвартай (дэвсгэр, зах, хил гэх мэт) эсэхийг шалгах явдал юм.
дээд мөр
зүүн багана
| баруун багана
Nested хүснэгтүүдийг нэг хүснэгт рүү хөрвүүлэх Та энэ бүхэн сайн мэдээлэл гэж үзэж болох ч, өөр ширээн дээр байрлуулсан хүснэгттэй байх хэрэгтэй . Хэдийгээр энэ нь үнэн байж болох боловч та түүвэрлэсэн хүснэгтүүдийг хүснэгтүүдийнхээ шинж чанаруудыг ашиглан бага зэрэг илүү төвөгтэй нэг хүснэгтийг хувиргаж чаддаг. Жишээлбэл, дээд хэсэгт буй түүвэрлэсэн хүснэгт дээр би үүнийг нэг хүснэгтэд зөвхөн colspan шинж чанараар хувиргаж чадна:
Багана 1
| colspan = "2" > Багана 2
| Багана 3
|
Багана 1
| үүртэй багана багана 1
| үүрлэсэн багана 2
| Багана 3
|
Багана 1
| colspan = "2" > Багана 2
| Багана 3
Энэ хүснэгтэд түүвэрлэсэн хүснэгтийн хэмжээнээс цөөхөн тэмдэгт ашиглахад ашиг тустай тул хурдан татаж авах болно.
| | | | | | |