Column 1
| Column 2
| Column 3
ຕາຕະລາງທີ່ຮວບຮວມເຮັດໃຫ້ຫນ້າເວັບດາວໂຫລດຫຼາຍຂຶ້ນຊ້າໆ ຕາຕະລາງດຽວໃນຫນ້າເວັບຈະບໍ່ເຮັດໃຫ້ຫນ້າເວັບການດາວໂຫລດຊ້າ (ພາຍໃນເຫດຜົນ). ແຕ່ປັດຈຸບັນທ່ານວາງຕາຕະລາງຫນຶ່ງໃນຕາຕະລາງອື່ນ, ມັນໄດ້ຮັບຄວາມສັບສົນຫລາຍຂຶ້ນສໍາລັບຕົວທ່ອງເວັບທີ່ຈະສະແດງຜົນ, ດັ່ງນັ້ນຫນ້າເວັບໂຫຼດຂຶ້ນຊ້າໆ. ແລະຕາຕະລາງທີ່ທ່ານໄດ້ຮວບຮວມຢູ່ໃນສະຫະພາບເອີຣົບ, ຫນ້າຊ້າລົງຈະຖືກໂຫລດ.
ເມື່ອທ່ານສ້າງຫນ້າທີ່ມີຕາຕະລາງ, ຈົ່ງສັງເກດວ່າຕາຕະລາງຫຼາຍທີ່ຢູ່ພາຍໃນຕາຕະລາງ, ຫນ້າຂອງຊ້າຈະຖືກໂຫລດ. ໂດຍປົກກະຕິ, ໃນເວລາທີ່ຫນ້າເວັບໂຫຼດ, ຕົວທ່ອງເວັບຈະເລີ້ມຕົ້ນຢູ່ເທິງສຸດຂອງ HTML ແລະໂຫຼດມັນຢ່າງຕໍ່ເນື່ອງລົງຫນ້າ. ຢ່າງໃດກໍຕາມ, ດ້ວຍຕາຕະລາງທີ່ຖືກຕ້ອງ, ມັນຕ້ອງຊອກຫາຕອນທ້າຍຂອງຕາຕະລາງກ່ອນທີ່ມັນຈະສາມາດສະແດງສິ່ງທັງຫມົດ.
Tables for Layout ທ່ານບໍ່ຄວນ ໃຊ້ຕາຕະລາງສໍາລັບຮູບແບບ ໃນຫນ້າເວັບຂອງທ່ານ. ພວກເຂົາເກືອບສະເຫມີຮຽກຮ້ອງໃຫ້ທ່ານນໍາໃຊ້ຕາຕະລາງທີ່ຖືກຕ້ອງ, ດັ່ງນັ້ນຫນ້າເວັບຮູບແບບຕາຕະລາງຈະໂຫລດຊ້າໆກວ່າການອອກແບບດຽວກັນທີ່ສະແດງໃນ CSS.
ນອກຈາກນັ້ນ, ຖ້າທ່ານກໍາລັງພະຍາຍາມຂຽນ XHTML ທີ່ຖືກຕ້ອງ, ຕາຕະລາງບໍ່ຄວນຖືກໃຊ້ສໍາລັບຮູບແບບທັງຫມົດ. ຕາຕະລາງແມ່ນສໍາລັບຂໍ້ມູນຕາຕະລາງ (ເຊັ່ນ: ຕາຕະລາງ), ບໍ່ແມ່ນສໍາລັບຮູບຮ່າງ. ແທນທີ່ຈະ, ທ່ານຄວນໃຊ້ CSS ສໍາລັບຮູບແບບ CSS ອອກແບບໄວຂຶ້ນແລະຊ່ວຍໃຫ້ທ່ານຮັກສາ XHTML ທີ່ຖືກຕ້ອງ.
ການອອກແບບຕາຕະລາງໂຫຼດໄວກວ່າ ຖ້າທ່ານອອກແບບຕາຕະລາງທີ່ມີແຖວຫຼາຍ, ມັນມັກຈະສາມາດໂຫລດໄດ້ໄວຂຶ້ນຖ້າທ່ານຂຽນແຕ່ລະແຖວເປັນຕາຕະລາງແຍກຕ່າງຫາກ. ຕົວຢ່າງ: ທ່ານສາມາດຂຽນໂຕ້ຕອບດັ່ງນີ້:
ແຖວເທິງ
|
ຄໍລໍາຊ້າຍ
| ຄໍລໍາຂວາ
ແຕ່ຖ້າທ່ານຂຽນຕາຕະລາງດຽວກັນກັບສອງຕາຕະລາງ, ມັນຈະປາກົດຂຶ້ນໄວກວ່າ, ເນື່ອງຈາກວ່າຕົວທ່ອງເວັບຈະເຮັດຫນ້າທໍາອິດແລະຫຼັງຈາກນັ້ນເຮັດທີສອງ, ແທນທີ່ຈະສະແດງຕາຕະລາງທັງຫມົດໃນເວລາດຽວກັນ. trick ແມ່ນເພື່ອເຮັດໃຫ້ແນ່ໃຈວ່າຕາຕະລາງແຕ່ລະມີຄວາມກວ້າງແລະຮູບແບບອື່ນໆ (ເຊັ່ນ: ແຜ່ນ, ຂອບ, ແລະຂອບ).
ແຖວເທິງ
ຄໍລໍາຊ້າຍ
| ຄໍລໍາຂວາ
ການປ່ຽນຕາຕະລາງທີ່ຮວບຮວມໃນຫນຶ່ງຕາຕະລາງ ທ່ານອາດຈະຮູ້ສຶກວ່າທັງຫມົດນີ້ແມ່ນຂໍ້ມູນທີ່ດີ, ແຕ່ທ່ານມີຕາຕະລາງທີ່ ຕ້ອງ ມີຕາຕະລາງອື່ນໆທີ່ຢູ່ໃນມັນ. ໃນຂະນະທີ່ນີ້ອາດຈະເປັນຄວາມຈິງ, ທ່ານກໍ່ສາມາດປ່ຽນຕາຕະລາງທີ່ຖືກຕ້ອງເຂົ້າໄປໃນຕາຕະລາງທີ່ສັບສົນຫຼາຍຂຶ້ນໂດຍໃຊ້ແລະຄຸນລັກສະນະຢູ່ໃນຕາຕະລາງຂອງທ່ານ. ຕົວຢ່າງເຊັ່ນໃນຕາຕະລາງທີ່ຢູ່ໃນດ້ານເທິງ, ຂ້ອຍສາມາດປ່ຽນແປງນີ້ເຂົ້າໃນຕາຕະລາງດຽວເທົ່ານັ້ນທີ່ມີຄຸນສົມບັດ colspan ເທົ່ານັ້ນ :
Column 1
colspan = "2" > Column 2
| Column 3
|
Column 1
| ຄໍລໍາຕາລາງຊ້ອນ 1
| ຄໍລໍາຕາລາງທີ່ຊ້ອນກັນ 2
| Column 3
|
Column 1
| colspan = "2" > Column 2
| Column 3
ຕາຕະລາງນີ້ຍັງມີຜົນປະໂຫຍດຈາກການນໍາໃຊ້ລັກສະນະຫນ້ອຍລົງກ່ວາຕາຕະລາງທີ່ຖືກຕ້ອງ, ດັ່ງນັ້ນມັນຈະດາວໂຫລດໄດ້ໄວຂຶ້ນເນື່ອງຈາກວ່າເຊັ່ນກັນ.
| | | | |