ວິທີການລວມເອົາເອກະສານ HTML ຫນຶ່ງໃນອີກ

ການໃຊ້ HTML ລວມມີການຈັດການເວັບໄຊທ໌ຂອງທ່ານງ່າຍດາຍ

ໄປຫາເວັບໄຊທ໌ໃດຫນຶ່ງແລະນໍາຫນ້າຈາກຫນ້າໄປຫາຫນ້າແລະທ່ານຈະໄດ້ຮັບຮູ້ຢ່າງໄວວາວ່າ, ໃນແຕ່ລະຫນ້າເວັບຕ່າງໆອາດແຕກຕ່າງກັນຫຼາຍ, ພວກມັນກໍ່ຄ້າຍຄືກັນກັບຄົນອື່ນ. ເກືອບທັງຫມົດເວັບໄຊຕ໌ປະກອບມີອົງປະກອບຂອງການອອກແບບທີ່ຖືກຊ້ໍາໃນທຸກຫນ້າໃນເວັບໄຊທ໌. ບາງຕົວຢ່າງຂອງອົງປະກອບເວັບໄຊທ໌ທີ່ຈະພົບເຫັນໃນທົ່ວທຸກໆຫນ້າຈະເປັນພື້ນທີ່ຫົວຫນ້າບ່ອນທີ່ໂລໂກ້ຢູ່, ການນໍາທິດແລະພື້ນທີ່ເບື້ອງລຸ່ມ.

ອົງປະກອບຊ້ໍາໃນເວັບໄຊທ໌ຊ່ວຍໃຫ້ມີຄວາມສອດຄ່ອງໃນປະສົບການຂອງຜູ້ໃຊ້. ຜູ້ຢ້ຽມຢາມບໍ່ຈໍາເປັນຕ້ອງຊອກຫາສະຖານທີ່ທ່ອງທ່ຽວຢູ່ທຸກໆຫນ້າເພາະວ່າເມື່ອພວກເຂົາພົບມັນ, ພວກເຂົາຮູ້ວ່າມັນຈະຢູ່ໃນຫນ້າອື່ນໆຂອງເວັບໄຊທ໌ທີ່ເຂົາເຈົ້າໄປຢ້ຽມຢາມ.

ວິທີການລວມເອົາການອອກແບບເວັບໄຊຕ໌ຫຼາຍປະສິດທິຜົນ

ໃນຖານະເປັນຜູ້ທີ່ມີຫນ້າທີ່ໃນການຄຸ້ມຄອງເວັບໄຊທ໌ໃດຫນຶ່ງ, ເຂດເຫຼົ່ານີ້ຊ້ໍາພັດມີຄວາມທ້າທາຍ. ຈະເປັນແນວໃດຖ້າທ່ານຕ້ອງການປ່ຽນແປງບາງສິ່ງບາງຢ່າງໃນພື້ນທີ່ນັ້ນ? ຕົວຢ່າງ: ຖ້າ footer ຂອງທ່ານ (ເຊິ່ງຢູ່ໃນທຸກໆຫນ້າຂອງເວັບໄຊທ໌) ປະກອບມີລາຍລະອຽດກ່ຽວກັບລິຂະສິດມີປີ, ສິ່ງທີ່ເກີດຂຶ້ນເມື່ອປີນັ້ນຈະປ່ຽນແປງແລະທ່ານຕ້ອງການແກ້ໄຂວັນທີ? ນັບຕັ້ງແຕ່ພາກນັ້ນຢູ່ໃນທຸກໆຫນ້າ, ທ່ານຈໍາເປັນຕ້ອງແກ້ໄຂທຸກໆຫນ້າຂອງເວັບໄຊທ໌ຂອງທ່ານເພື່ອເຮັດການປ່ຽນແປງນີ້ - ຫຼືທ່ານ?

ເນື້ອໃນລວມສາມາດກໍາຈັດຄວາມຈໍາເປັນທີ່ຕ້ອງແກ້ໄຂທຸກຫນ້າຂອງເວັບໄຊຂອງທ່ານສໍາລັບເນື້ອຫາທີ່ຊ້ໍາກັນນີ້. ແທນທີ່ຈະ, ທ່ານພຽງແຕ່ດັດແກ້ຫນຶ່ງໄຟລ໌ແລະເວັບໄຊທ໌ທັງຫມົດຂອງທ່ານແລະທຸກໆຫນ້າໃນມັນໄດ້ຮັບການປັບປຸງ!

ໃຫ້ເບິ່ງວິທີການໃດຫນຶ່ງທີ່ທ່ານສາມາດເພີ່ມການທໍາງານນີ້ເຂົ້າໄປໃນເວັບໄຊທ໌ຂອງທ່ານແລະປະກອບມີໄຟລ໌ HTML ຫນຶ່ງໃນຈໍານວນອື່ນ.

Content Repeated ໃນລະບົບການຄຸ້ມຄອງເນື້ອຫາ

ຖ້າ ເວັບໄຊທ໌ຂອງທ່ານໃຊ້ CMS , ມັນອາດຈະນໍາໃຊ້ບາງເທມເພດຫຼືຫົວຂໍ້ທີ່ເປັນສ່ວນຫນຶ່ງຂອງຊອບແວນັ້ນ. ເຖິງແມ່ນວ່າຖ້າທ່ານສ້າງແບບຈໍາລອງເຫຼົ່ານີ້ອອກຈາກຫນ້າຈໍ, ເວັບໄຊທ໌ກໍ່ຍັງໃຊ້ພາສານີ້ສໍາລັບຫນ້າຕ່າງໆ.

ດັ່ງນັ້ນ, ເທມເພດ CMS ເຫຼົ່ານັ້ນຈະມີພື້ນທີ່ຂອງເວັບໄຊທີ່ຖືກຊ້ໍາໃນທຸກຫນ້າ. ທ່ານພຽງແຕ່ເຂົ້າສູ່ລະບົບ backend ຂອງ CMS ແລະແກ້ໄຂແມ່ແບບທີ່ຈໍາເປັນ. ຫນ້າທັງຫມົດຂອງເວັບໄຊທີ່ໃຊ້ແບບນັ້ນຈະໄດ້ຮັບການປັບປຸງ.

ເຖິງແມ່ນວ່າທ່ານບໍ່ມີລະບົບການຈັດການເນື້ອຫາສໍາລັບເວັບໄຊທ໌ຂອງທ່ານ, ທ່ານຍັງສາມາດໃຊ້ປະໂຫຍດຈາກໄຟລ໌ທີ່ລວມເຂົ້າໄດ້. ໃນ HTML, ມີ ປະກອບມີ ທີ່ສາມາດຊ່ວຍເຮັດໃຫ້ການຄຸ້ມຄອງເຂດພື້ນທີ່ທີ່ຖືກສ້າງຂຶ້ນຂອງເວັບໄຊທ໌ຂອງທ່ານໄດ້ງ່າຍຂຶ້ນ.

ສິ່ງທີ່ລວມ HTML?

ລວມມີສ່ວນຂອງ HTML ບໍ່ແມ່ນເອກະສານເຕັມ HTML ໂດຍຕົວເອງ. ແທນທີ່ຈະ, ມັນແມ່ນສ່ວນຫນຶ່ງຂອງຫນ້າອື່ນທີ່ສາມາດຖືກໃສ່ເຂົ້າໃນການຂຽນໂປຼແກຼມເຕັມຫນ້າເວັບ. ສ່ວນຫຼາຍແມ່ນໄຟລ໌ແມ່ນລາຍການລາຍການທີ່ໄດ້ກ່າວມາຂ້າງເທິງໃນຫຼາຍໆຫນ້າຂອງເວັບໄຊທ໌. ຍົກ​ຕົວ​ຢ່າງ:

ມີປະໂຍດທີ່ຈະມີພື້ນທີ່ຊ້ໍາກັນເຫຼົ່ານີ້ຢູ່ໃນຫນ້າຕ່າງໆ. ແຕ່ຫນ້າເສຍດາຍ, ຂະບວນການຂອງການໃສ່ໄຟລ໌ບໍ່ແມ່ນສິ່ງທີ່ສາມາດເກີດຂຶ້ນກັບ HTML ເທົ່ານັ້ນ, ດັ່ງນັ້ນທ່ານຈໍາເປັນຕ້ອງມີປະເພດຂອງໂຄງການຫຼື script ທີ່ຈະເພີ່ມໄຟລ໌ລວມເຂົ້າໃສ່ຫນ້າເວັບຂອງທ່ານ.

ການໃຊ້ Server Side Includes

Server Side Includes, also known as SSI, ໄດ້ພັດທະນາຄັ້ງທໍາອິດເພື່ອໃຫ້ຜູ້ພັດທະນາເວັບ "ລວມ" ເອກະສານ HTML ໃນຫນ້າອື່ນໆ.

ໂດຍພື້ນຖານແລ້ວ, ຂໍ້ຄວາມທີ່ພົບເຫັນຢູ່ໃນເອກະສານຫນຶ່ງແມ່ນຖືກລວມເຂົ້າໃນຫນ້າເວັບອື່ນເມື່ອຫນ້າເວັບແມ່ນຢູ່ໃນເຄື່ອງແມ່ຂ່າຍແລະຖືກສົ່ງໄປຫາຕົວທ່ອງເວັບ.

SSI ແມ່ນຢູ່ໃນເຄື່ອງແມ່ຂ່າຍເວັບຕ່າງໆສ່ວນໃຫຍ່, ແຕ່ທ່ານອາດຈະຕ້ອງເຮັດໃຫ້ມັນສາມາດເຮັດວຽກໄດ້. ຖ້າທ່ານບໍ່ຮູ້ວ່າເຄື່ອງແມ່ຂ່າຍຂອງທ່ານສະຫນັບສະຫນູນ SSI, ໃຫ້ຕິດຕໍ່ ຜູ້ໃຫ້ບໍລິການໂຮດ ຂອງທ່ານ.

ນີ້ແມ່ນຕົວຢ່າງຂອງວິທີທີ່ທ່ານສາມາດໃຊ້ SSI ເພື່ອປະກອບໂຄ້ດ HTML ໃນທຸກຫນ້າເວັບຂອງທ່ານ:

  1. ຊ່ວຍປະຢັດ HTML ສໍາລັບອົງປະກອບທົ່ວໄປຂອງເວັບໄຊທ໌ຂອງທ່ານເປັນໄຟລ໌ແຍກຕ່າງຫາກ. ຕົວຢ່າງ, ສ່ວນນໍາທາງຂອງທ່ານອາດຈະຖືກບັນທຶກເປັນ navigation.html ຫຼື navigation.ssi .
  2. ໃຊ້ ລະຫັດ SSI ດັ່ງຕໍ່ໄປນີ້ເພື່ອໃຫ້ ລະຫັດ ໄຟລ໌ HTML ໃນແຕ່ລະຫນ້າ ( ແທນທີ່ເສັ້ນທາງໄຟລ໌ແລະຊື່ໄຟລ໌ລະຫວ່າງເຄື່ອງຫມາຍຄໍາສັ່ງ ). {C}
  1. ເພີ່ມລະຫັດນີ້ໃນທຸກໆຫນ້າທີ່ທ່ານຕ້ອງການລວມເອົາໄຟລ໌.

ການນໍາໃຊ້ PHP ປະກອບມີ

PHP ແມ່ນພາສາ scripting ລະດັບຂອງເຄື່ອງແມ່ຂ່າຍ. ມັນສາມາດເຮັດໄດ້ຈໍານວນຫນຶ່ງ, ແຕ່ຫນຶ່ງໃນການນໍາໃຊ້ທົ່ວໄປແມ່ນເພື່ອປະກອບເອກະສານ HTML ພາຍໃນຫນ້າຂອງທ່ານ, ຄືກັນກັບພວກເຮົາພຽງແຕ່ປົກຄຸມດ້ວຍ SSI.

ເຊັ່ນດຽວກັນກັບ SSI, PHP ແມ່ນເຕັກໂນໂລຢີລະດັບຂອງເຄື່ອງແມ່ຂ່າຍ. ຖ້າທ່ານບໍ່ແນ່ໃຈວ່າທ່ານມີການເຮັດວຽກ PHP ຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານ, ໃຫ້ຕິດຕໍ່ຜູ້ໃຫ້ບໍລິການຂອງທ່ານ.

ນີ້ແມ່ນສະຄິບ PHP ທີ່ງ່າຍດາຍທີ່ທ່ານສາມາດນໍາໃຊ້ເພື່ອປະກອບຄໍາຄິດຄໍາເຫັນ HTML ໃນຫນ້າເວັບໃດກໍ່ໃຊ້ PHP:

  1. ຊ່ວຍປະຢັດ HTML ສໍາລັບອົງປະກອບທົ່ວໄປຂອງເວັບໄຊທ໌ຂອງທ່ານ, ເຊັ່ນ: ນໍາທິດ, ເພື່ອແຍກໄຟລ໌. ຕົວຢ່າງ, ສ່ວນນໍາທາງຂອງທ່ານອາດຈະຖືກບັນທຶກເປັນ navigation.html ຫຼື navigation.ssi .
  2. ໃຊ້ລະຫັດ PHP ດັ່ງຕໍ່ໄປນີ້ເພື່ອປະກອບ HTML ໃນແຕ່ລະຫນ້າ ( ແທນທີ່ເສັ້ນທາງໄຟລ໌ແລະຊື່ໄຟລ໌ລະຫວ່າງເຄື່ອງຫມາຍຄໍາສັ່ງ ). navigation.php ")?>
  3. ເພີ່ມລະຫັດດຽວກັນນີ້ໃສ່ທຸກໆຫນ້າທີ່ທ່ານຕ້ອງການປະກອບໄຟລ໌.

ລວມ JavaScript

JavaScript ແມ່ນວິທີຫນຶ່ງທີ່ຈະລວມ HTML ພາຍໃນຫນ້າຂອງເວັບໄຊທ໌ຂອງທ່ານ. ນີ້ມີປະໂຫຍດຈາກການບໍ່ຕ້ອງການການຂຽນໂປຼແກຼມໃນລະດັບເຊີຟເວີແຕ່ວ່າມັນມີຄວາມສັບສົນຫຼາຍ - ແລະມັນກໍ່ເຮັດວຽກສໍາລັບເບົາເຊີທີ່ອະນຸຍາດໃຫ້ Javascript, ເຊິ່ງສ່ວນໃຫຍ່ເຮັດແນວໃດເວັ້ນເສຍແຕ່ວ່າຜູ້ໃຊ້ຕັດສິນໃຈປິດມັນ.

ນີ້ແມ່ນວິທີທີ່ທ່ານສາມາດ ປະກອບໂຄ້ດ HTML ໂດຍໃຊ້ JavaScript :

  1. ຊ່ວຍປະຢັດ HTML ສໍາລັບອົງປະກອບທົ່ວໄປຂອງເວັບໄຊທ໌ຂອງທ່ານກັບໄຟລ໌ JavaScript. ທຸກ HTML ຂຽນໃນໄຟລ໌ນີ້, ຕ້ອງຖືກພິມອອກໄປຫນ້າຈໍດ້ວຍຟັງຊັນ document.write.
  2. ອັບໂຫລດໄຟລ໌ນີ້ກັບເວັບໄຊທ໌ຂອງທ່ານ.
  3. ໃຊ້ອົງປະກອບ