ຮູບແບບພາຍໃນ, embedded ແລະນອກ: ນີ້ແມ່ນສິ່ງທີ່ທ່ານຕ້ອງການຮູ້
ການພັດທະນາເວັບໄຊທ໌ທາງຫນ້າແມ່ນມັກຈະເປັນຕົວແທນຈໍານວນ 3 ລໍາ. ຂາເຫຼົ່ານີ້ມີດັ່ງນີ້:
ຂາທີສອງຂອງອາຈົມນີ້, CSS ຫຼື Cascading Style Sheets, ແມ່ນສິ່ງທີ່ພວກເຮົາກໍາລັງຊອກຫາຢູ່ທີ່ນີ້ໃນມື້ນີ້. ໂດຍສະເພາະ, ພວກເຮົາຕ້ອງການແກ້ໄຂ 3 ປະເພດຂອງຄໍເຕົ້າໄຂ່ທີ່ທ່ານສາມາດເພີ່ມໃສ່ເອກະສານ.
- ຮູບແບບ Inline
- ຄໍເຕົ້າໄຂ່ທີ່ຝັງຕົວ
- ຮູບແບບພາຍນອກ
ແຕ່ລະປະເພດເຫຼົ່ານີ້ຂອງຄໍເຕົ້າໄຂ່ທີ່ CSS ມີຜົນປະໂຫຍດແລະຂໍ້ບົກຜ່ອງຂອງເຂົາເຈົ້າ, ດັ່ງນັ້ນພວກເຮົາຄວນພິຈາລະນາເບິ່ງແຕ່ລະຄົນຢ່າງລະອຽດ.
Inline Styles
ຄໍເຕົ້າໄຂ່ໃນເສັ້ນແມ່ນຄໍເຕົ້າໄຂ່ທີ່ຂຽນໂດຍກົງໃນແທັກໃນເອກະສານ HTML. ຮູບແບບ Inline ມີຜົນກະທົບພຽງແຕ່ໂຄດສະເພາະທີ່ພວກເຂົາຖືກນໍາໃຊ້. ຕໍ່ໄປນີ້ແມ່ນຕົວຢ່າງຂອງແບບອິນເຕີລ໌ທີ່ຖືກນໍາໃຊ້ກັບການເຊື່ອມຕໍ່ແບບມາດຕະຖານຫຼືຍັກ, ແທັກ:
ກົດລະບຽບ CSS ນີ້ຈະປ່ຽນມາດຕະຖານພາຍໃຕ້ການຕົບແຕ່ງຂໍ້ຄວາມອອກຈາກລິ້ງຫນຶ່ງນີ້. ຢ່າງໃດກໍ່ຕາມ, ມັນຈະບໍ່ປ່ຽນແປງການເຊື່ອມຕໍ່ອື່ນໆໃນຫນ້າເວັບ. ນີ້ແມ່ນຫນຶ່ງໃນຂໍ້ຈໍາກັດຂອງຮູບແບບພາຍໃນ. ນັບຕັ້ງແຕ່ພວກເຂົາພຽງແຕ່ປ່ຽນແປງໃນລາຍການສະເພາະໃດຫນຶ່ງ, ທ່ານຈໍາເປັນຕ້ອງເອົາຂີ້ເຫຍື້ອ HTML ຂອງທ່ານກັບຮູບແບບເຫຼົ່ານີ້ເພື່ອບັນລຸການອອກແບບຫນ້າຈິງ. ນັ້ນບໍ່ແມ່ນການປະຕິບັດທີ່ດີທີ່ສຸດ. ໃນຄວາມເປັນຈິງ, ມັນແມ່ນຂັ້ນຕອນຫນຶ່ງທີ່ຖືກລຶບອອກມາຈາກວັນເວລາຂອງ "ຕົວອັກສອນ" tags ແລະປະສົມຂອງໂຄງປະກອບແລະແບບໃນຫນ້າເວັບ.
ຄໍເຕົ້າໄຂ່ໃນເສັ້ນຍັງມີຄວາມລະອຽດສູງຫຼາຍ.
ນີ້ເຮັດໃຫ້ພວກເຂົາມີຄວາມຫຍຸ້ງຍາກຫຼາຍໃນການຂຽນທັບເຂົ້າກັບຮູບແບບອື່ນໆທີ່ບໍ່ແມ່ນເສັ້ນທາງ. ຕົວຢ່າງ: ຖ້າທ່ານຕ້ອງການຕອບສະຫນອງຕໍ່ເວັບໄຊທ໌ແລະປ່ຽນວິທີການເບິ່ງອົງປະກອບທີ່ມີຈຸດພິເສດທີ່ແຕກຕ່າງກັນໂດຍໃຊ້ ຄໍາຖາມຂອງສື່ , ຮູບແບບໃນຮູບແບບໃນຮູບແບບອົງປະກອບຈະເຮັດໃຫ້ມັນຍາກທີ່ຈະເຮັດໄດ້.
ໃນທີ່ສຸດ, ຄໍເຕົ້າໄຂ່ໃນເສັ້ນນັ້ນກໍ່ມີຄວາມເຫມາະສົມພຽງແຕ່ໃຊ້ເວລາຫນ້ອຍເທົ່າທຽມກັນ.
ໃນຄວາມເປັນຈິງ, ຂ້າພະເຈົ້າບໍ່ເຄີຍໃຊ້ຮູບແບບອິນເຕີເນັດໃນເວບໄຊທ໌ຂອງຂ້ອຍ.
Embedded Styles
ຄໍເຕົ້າໄຂ່ທີ່ຖືກຝັງແມ່ນຄໍເຕົ້າໄຂ່ທີ່ຖືກຝັງຢູ່ໃນຫົວຂອງເອກະສານ. ຄໍເຕົ້າໄຂ່ທີ່ຝັງຂື້ນມີຜົນກະທົບພຽງແຕ່ໃສ່ແທັບທີ່ຢູ່ໃນຫນ້າທີ່ເຂົາເຈົ້າໄດ້ຖືກຝັງໄວ້. ອີກເທື່ອຫນຶ່ງ, ວິທີການນີ້ປະຕິເສດຫນຶ່ງໃນຄວາມເຂັ້ມແຂງຂອງ CSS. ນັບຕັ້ງແຕ່ຫນ້າທຸກໆຈະມີຮູບແບບໃນ
ຖ້າທ່ານຕ້ອງການປ່ຽນແປງໃນເວັບໄຊທ໌ເຊັ່ນການປ່ຽນສີຂອງການເຊື່ອມໂຍງຈາກສີແດງຫາສີຂຽວທ່ານຈໍາເປັນຕ້ອງເຮັດການປ່ຽນແປງນີ້ໃນທຸກໆຫນ້າເພາະວ່າທຸກໆຫນ້າໃຊ້ແຜ່ນສະໄຕທີ່ໄດ້ຮັບການຕິດຕັ້ງ. ນີ້ແມ່ນດີກ່ວາຮູບແບບຂອງເສັ້ນ, ແຕ່ຍັງມີບັນຫາໃນຫຼາຍໆກໍລະນີ.
ຮວບຮວມຄໍເຕົ້າໄຂ່ທີ່ເພີ່ມໃສ່
ຂອງເອກະສານກໍ່ເພີ່ມຈໍານວນຫມາຍເລກລະຫັດ Markup ໃນຫນ້ານັ້ນ, ຊຶ່ງສາມາດເຮັດໃຫ້ຫນ້າເວັບຍາກໃນການຄຸ້ມຄອງໃນອະນາຄົດ.
ຜົນປະໂຫຍດຂອງແຜ່ນຮູບແບບທີ່ຖືກຝັງແມ່ນການໂຫຼດທັນທີດ້ວຍຫນ້າຕົວມັນເອງ, ແທນທີ່ຈະຕ້ອງຮຽກເອົາໄຟລ໌ພາຍນອກອື່ນໆທີ່ຈະໂຫລດ. ນີ້ສາມາດເປັນປະໂຫຍດຈາກ ຄວາມໄວດາວໂຫລດແລະທັດສະນະການປະຕິບັດ .
External Style Sheets
ເວັບໄຊທ໌ຫຼາຍທີ່ສຸດໃນມື້ນີ້ໃຊ້ຮູບແບບຕ່າງປະເທດ. ຮູບແບບຕ່າງປະເທດແມ່ນຄໍເຕົ້າໄຂ່ທີ່ຖືກຂຽນໄວ້ໃນເອກະສານແຍກຕ່າງຫາກແລະຕິດກັບເອກະສານຕ່າງໆຂອງເວັບຕ່າງໆ. ຮູບແບບພາຍນອກ ສາມາດສົ່ງຜົນກະທົບຕໍ່ເອກະສານທີ່ເຂົາເຈົ້າໄດ້ຖືກຄັດຕິດ, ຊຶ່ງຫມາຍຄວາມວ່າຖ້າທ່ານມີເວັບໄຊທ໌ 20 ຫນ້າທີ່ແຕ່ລະຫນ້ານໍາໃຊ້ເອກະສານແບບດຽວກັນ (ນີ້ແມ່ນວິທີການເຮັດແບບດຽວກັນ), ທ່ານສາມາດປ່ຽນແປງໄດ້ທຸກໆພາບ ຂອງຫນ້າເຫຼົ່ານັ້ນໂດຍການດັດແກ້ເອກະສານສະໄຕນັ້ນ.
ນີ້ເຮັດໃຫ້ການຄຸ້ມຄອງເວັບໄຊທ໌ໄລຍະຍາວງ່າຍຂຶ້ນ.
ຄວາມເສຍຫາຍຕໍ່ຮູບແບບພາຍນອກແມ່ນວ່າພວກເຂົາຕ້ອງການຫນ້າທີ່ຈະເອົາແລະການໂຫລດໄຟລ໌ພາຍນອກເຫຼົ່ານີ້. ບໍ່ທຸກໆຫນ້າຈະໃຊ້ທຸກແບບໃນເອກະສານ CSS, ດັ່ງນັ້ນຫລາຍໆຫນ້າຈະໂຫລດຫນ້າ CSS ຫຼາຍກວ່າທີ່ຕ້ອງການ.
ໃນຂະນະທີ່ມັນເປັນຄວາມຈິງທີ່ວ່າມີການປະຕິບັດການສໍາລັບໄຟລ໌ພາຍນອກຂອງ CSS, ມັນແນ່ນອນວ່າມັນສາມາດຫຼຸດຜ່ອນ. ແທ້ຈິງແລ້ວ, ໄຟລ໌ CSS ແມ່ນພຽງແຕ່ໄຟລ໌ຂໍ້ຄວາມ, ດັ່ງນັ້ນພວກເຂົາໂດຍທົ່ວໄປບໍ່ມີຂະຫນາດໃຫຍ່ທີ່ຈະເລີ່ມຕົ້ນດ້ວຍ. ຖ້າເວັບໄຊທ໌ຂອງທ່ານທັງຫມົດໃຊ້ໄຟລ໌ 1 ເອກະສານ CSS, ທ່ານຍັງໄດ້ຮັບຜົນປະໂຫຍດຈາກເອກະສານທີ່ຖືກເກັບໄວ້ຫຼັງຈາກທີ່ມັນຖືກ loaded ໃນເບື້ອງຕົ້ນ.
ນີ້ຫມາຍຄວາມວ່າມີການປະຕິບັດບາງຢ່າງຕີໃນຫນ້າທໍາອິດບາງຄັ້ງການຢ້ຽມຢາມ, ແຕ່ຫນ້າຕໍ່ໄປຈະໃຊ້ໄຟລ໌ CSS cached, ສະນັ້ນການຕີໃດຈະຖືກລົບລ້າງ. ໄຟລ໌ CSS ພາຍນອກແມ່ນວິທີທີ່ຂ້ອຍສ້າງຫນ້າເວັບທັງຫມົດຂອງຂ້ອຍ.