ໃນຂະນະທີ່ທ່ານເລີ່ມຕົ້ນຄົ້ນຫາໂລກຂອງການອອກແບບເວັບໄຊຕ໌, ທ່ານແນ່ນອນຈະໄດ້ນໍາສະເຫນີຄໍາສັບຕ່າງໆແລະປະໂຫຍກທີ່ມີໃຫມ່ສໍາລັບທ່ານ. ຫນຶ່ງໃນເງື່ອນໄຂທີ່ທ່ານອາດຈະໄດ້ຍິນແມ່ນ "markup" ຫຼື "language markup". ວິທີການ "markup" ແມ່ນແຕກຕ່າງກັນກັບ "ລະຫັດ" ແລະເປັນຫຍັງຜູ້ຊ່ຽວຊານດ້ານເວັບບາງໆເບິ່ງຄືວ່າໃຊ້ຂໍ້ກໍານົດເຫຼົ່ານີ້ແທນກັນໄດ້? ໃຫ້ເລີ່ມຕົ້ນໂດຍການກວດເບິ່ງວ່າສິ່ງທີ່ເປັນ "ພາສາການຕີລາຄາ" ແມ່ນຫຍັງ.
ໃຫ້ເບິ່ງຢູ່ໃນ 3 ພາສາ Markup
ເກືອບທຸກຄໍາສັບໃນເວັບທີ່ມີ "ML" ຢູ່ໃນມັນແມ່ນ "ພາສາ markup" (ຄວາມແປກໃຈຂະຫນາດໃຫຍ່, ເຊິ່ງແມ່ນສິ່ງທີ່ "ML" ຫມາຍເຖິງ). ພາສາ Markup ແມ່ນຮູບການກໍ່ສ້າງທີ່ໃຊ້ໃນການສ້າງຫນ້າເວັບຫຼືທຸກຮູບແບບແລະຂະຫນາດ.
ໃນຄວາມເປັນຈິງແລ້ວ, ມີຫລາຍພາສາເຄື່ອງຫມາຍແຕກຕ່າງກັນທີ່ມີຢູ່ໃນໂລກ. ສໍາລັບການອອກແບບເວັບໄຊຕ໌ແລະການພັດທະນາ, ມີສາມພາສາການສະເພາະເຈາະຈົງທີ່ທ່ານອາດຈະດໍາເນີນໃນທົ່ວ. ເຫຼົ່ານີ້ແມ່ນ HTML, XML ແລະ XHTML .
ພາສາ Markup ແມ່ນຫຍັງ?
ເພື່ອກໍານົດເງື່ອນໄຂນີ້ຢ່າງຖືກຕ້ອງ - ພາສາ markup ແມ່ນພາສາທີ່ລະບຸຂໍ້ຄວາມເພື່ອໃຫ້ຄອມພິວເຕີສາມາດຈັດການຂໍ້ຄວາມນັ້ນໄດ້. ພາສາ markup ສ່ວນຫຼາຍແມ່ນມະນຸດທີ່ສາມາດອ່ານໄດ້ເພາະວ່າຄໍາປະໂຫຍກດັ່ງກ່າວຖືກຂຽນໄວ້ໃນວິທີການແຍກແຍະພວກເຂົາຈາກຂໍ້ຄວາມຕົວມັນເອງ. ຕົວຢ່າງເຊັ່ນ, ມີ HTML, XML ແລະ XHTML, ແທັບ markup ແມ່ນ <ແລະ>. ຂໍ້ຄວາມທີ່ປາກົດຢູ່ພາຍໃນຫນຶ່ງຂອງລັກສະນະເຫຼົ່ານີ້ຖືກຖືວ່າເປັນສ່ວນຫນຶ່ງຂອງພາສາການຫມາຍ markup ແລະບໍ່ແມ່ນສ່ວນຫນຶ່ງຂອງຂໍ້ຄວາມທີ່ໄດ້ຮັບການບັນທຶກໄວ້.
ຍົກຕົວຢ່າງ:
ນີ້ແມ່ນວັກຂອງຂໍ້ຄວາມທີ່ຂຽນເປັນ HTML
p>
ຕົວຢ່າງນີ້ເປັນວັກ HTML. ມັນຖືກສ້າງຂຶ້ນຈາກປ້າຍເປີດ (
), ແທັບປິດ ( p>), ແລະຕົວຈິງທີ່ຈະສະແດງໃນຫນ້າຈໍ (ນີ້ແມ່ນຂໍ້ຄວາມທີ່ມີຢູ່ລະຫວ່າງສອງແທັກ). ໂຄດແຕ່ລະມີສັນຍາລັກ "ນ້ອຍກວ່າ" ແລະ "ຍິ່ງໃຫຍ່ກວ່າ" ທີ່ຈະກໍານົດມັນເປັນສ່ວນຫນຶ່ງຂອງເຄື່ອງຫມາຍການຄ້າ.
ເມື່ອທ່ານຄັດລອກຂໍ້ຄວາມທີ່ຈະສະແດງເທິງຄອມພິວເຕີ ຫລືຫນ້າຈໍອຸປະກອນອື່ນໆ , ທ່ານຈໍາເປັນຕ້ອງລະບຸຂໍ້ຄວາມຕົວເອງແລະຄໍາແນະນໍາສໍາລັບຂໍ້ຄວາມ. "ຫມາຍເຫດ" ແມ່ນຄໍາແນະນໍາສໍາລັບການສະແດງຫຼືພິມຂໍ້ຄວາມ.
Markup ບໍ່ຈໍາເປັນຕ້ອງອ່ານຄອມພິວເຕີ້. ລາຍລະອຽດທີ່ເຮັດໃນການພິມຫຼືໃນປຶ້ມແມ່ນໄດ້ຮັບການພິຈາລະນາການສໍາເນົາ. ຕົວຢ່າງ, ນັກຮຽນຈໍານວນຫຼາຍໃນໂຮງຮຽນຈະເນັ້ນໃສ່ປະໂຫຍກທີ່ແນ່ນອນໃນຫນັງສືເຫຼັ້ມຂອງພວກເຂົາ. ນີ້ຊີ້ໃຫ້ເຫັນວ່າຂໍ້ຄວາມທີ່ເນັ້ນຂໍ້ມູນມີຄວາມສໍາຄັນກວ່າຂໍ້ຄວາມທີ່ອ້ອມຮອບ. ສີທີ່ເນັ້ນຫນັກໄດ້ຖືກພິຈາລະນາການຕີລາຄາ.
Markup ກາຍເປັນພາສາໃນເວລາທີ່ກົດລະບຽບຖືກລະບຸກ່ຽວກັບວິທີການຂຽນແລະນໍາໃຊ້ເຄື່ອງຫມາຍທີ່. ນັກຮຽນດຽວກັນນັ້ນສາມາດມີ "ຕາຕະລາງການສັງເກດເຄື່ອງຫມາຍ" ຂອງຕົນເອງຖ້າຫາກວ່າພວກເຂົາຖືກກົດລະບຽບກົດລະບຽບເຊັ່ນ "ເຄື່ອງສີມ່ວງສີມ່ວງແມ່ນສໍາລັບຄໍານິຍາມ, ເຄື່ອງເລັ່ງສີເຫຼືອງແມ່ນສໍາລັບລາຍະລະອຽດການສອບເສັງແລະຂໍ້ຄວາມຂີ້ຕົມໃນຂອບແມ່ນສໍາລັບຊັບພະຍາກອນເພີ່ມເຕີມ."
ພາສາ markup ສ່ວນຫຼາຍແມ່ນກໍານົດໂດຍອໍານາດພາຍນອກສໍາລັບການນໍາໃຊ້ໂດຍປະຊາຊົນທີ່ແຕກຕ່າງກັນຫຼາຍ. ນີ້ແມ່ນວິທີການພາສາເຄື່ອງຫມາຍສໍາລັບເວັບທີ່ເຮັດວຽກ. ພວກເຂົາຖືກກໍານົດໂດຍ W3C, ຫຼື World Wide Web Consortium .
HTML-HyperText Markup Language
HTML ຫຼື HyperText Markup Language ແມ່ນພາສາທໍາອິດຂອງເວັບແລະສ່ວນຫນຶ່ງທີ່ພົບເລື້ອຍທີ່ສຸດທີ່ທ່ານຈະເຮັດວຽກຮ່ວມກັບນັກອອກແບບເວັບ / ຜູ້ພັດທະນາ.
ໃນຄວາມເປັນຈິງ, ມັນອາດຈະເປັນພາສາ markup ເທົ່ານັ້ນທີ່ທ່ານໃຊ້ໃນການເຮັດວຽກຂອງທ່ານ.
ຫນ້າເວັບທັງຫມົດແມ່ນຖືກຂຽນໄວ້ໃນລັກສະນະຂອງ HTML. HTML ກໍານົດວິທີການທີ່ ຮູບພາບ , ມັນຕິມີເດຍແລະຂໍ້ຄວາມຖືກສະແດງຢູ່ໃນຕົວທ່ອງເວັບຂອງເວັບໄຊຕ໌. ພາສານີ້ປະກອບມີອົງປະກອບທີ່ເຊື່ອມຕໍ່ເອກະສານ (hypertext) ຂອງທ່ານແລະເຮັດໃຫ້ເອກະສານເວັບຂອງທ່ານໂຕ້ຕອບ (ເຊັ່ນ: ແບບຟອມ). ປະຊາຊົນຫຼາຍຄົນເອີ້ນ HTML "ລະຫັດເວັບໄຊທ໌", ແຕ່ວ່າໃນຄວາມເປັນຈິງມັນກໍ່ແມ່ນພຽງແຕ່ພາສາເຄື່ອງຫມາຍການແປ. ບໍ່ມີໄລຍະໃດຖືກຜິດປົກກະຕິແລະທ່ານຈະໄດ້ຍິນຄົນ, ລວມທັງຜູ້ຊ່ຽວຊານດ້ານເວັບ, ນໍາໃຊ້ຄໍາສັບເຫຼົ່ານີ້ສອງເທື່ອ.
HTML ເປັນພາສາເຄື່ອງຫມາຍມາດຕະຖານທີ່ກໍານົດໄວ້. ມັນແມ່ນອີງໃສ່ SGML (Standard Generalized Markup Language).
ມັນເປັນພາສາທີ່ໃຊ້ tags ເພື່ອກໍານົດໂຄງສ້າງຂອງຂໍ້ຄວາມຂອງທ່ານ. ອົງປະກອບແລະ tags ຖືກກໍານົດໂດຍ <ແລະ> ລັກສະນະ.
ໃນຂະນະທີ່ HTML ແມ່ນແຫຼ່ງເຄື່ອງຫມາຍທີ່ນິຍົມໃຊ້ຫຼາຍທີ່ສຸດທີ່ໃຊ້ໃນເວັບໄຊທ໌໌ໃນມື້ນີ້, ມັນບໍ່ແມ່ນທາງເລືອກທີ່ພຽງແຕ່ສໍາລັບການພັດທະນາເວັບ. ໃນຂະນະທີ່ HTML ໄດ້ພັດທະນາແລ້ວ, ມັນໄດ້ຮັບຄວາມສັບສົນຫຼາຍຂຶ້ນແລະແບບແປ້ນພິມແລະເນື້ອຫາລວມເຂົ້າໃນພາສາຫນຶ່ງ. ໃນທີ່ສຸດ, W3C ໄດ້ຕັດສິນໃຈວ່າຕ້ອງມີຄວາມແຕກຕ່າງລະຫວ່າງແບບເວັບໄຊທ໌ແລະເນື້ອຫາ. ໂຄດຄໍາສັ່ງທີ່ກໍານົດເນື້ອຫາຢູ່ຄົນດຽວຈະຍັງຄົງຢູ່ໃນ HTML ໃນຂະນະທີ່ແທັກທີ່ກໍານົດຮູບແບບທີ່ຖືກປະຕິເສດໃນຄວາມໂປດປານຂອງ CSS (Cascading Style Sheets).
ຮຸ່ນ HTML ທີ່ມີຈໍານວນຫລາຍທີ່ສຸດແມ່ນ HTML5. ສະບັບນີ້ເພີ່ມຄຸນສົມບັດເພີ່ມເຕີມເຂົ້າໄປໃນ HTML ແລະລຶບບາງຢ່າງທີ່ຖືກຕ້ອງໂດຍ XHTML (ຫຼາຍກວ່ານັ້ນໃນພາສານັ້ນ).
ວິທີທີ່ HTML ຖືກປ່ອຍອອກມາໄດ້ມີການປ່ຽນແປງກັບການເພີ່ມຂຶ້ນຂອງ HTML5. ໃນມື້ນີ້, ລັກສະນະໃຫມ່ແລະການປ່ຽນແປງແມ່ນເພີ່ມຂຶ້ນໂດຍບໍ່ມີການຈໍາເປັນຕ້ອງເປັນຮຸ່ນໃຫມ່, ຈໍານວນທີ່ອອກມາ. ສະບັບພາສາຫລ້າສຸດຂອງພາສາດັ່ງກ່າວແມ່ນເອີ້ນວ່າ "HTML".
XML-eXtensible Markup Language
ພາສາ eXtensible Markup Language ແມ່ນພາສາທີ່ສະບັບພາສາ HTML ອື່ນແມ່ນອີງໃສ່. ເຊັ່ນດຽວກັນກັບ HTML, XML ແມ່ນອີງໃສ່ພື້ນຖານຂອງ SGML. ມັນມີຄວາມເຄັ່ງຕຶງຫນ້ອຍກ່ວາ SGML ແລະມີຄວາມເຄັ່ງຕຶງກວ່າ HTML ທໍາມະດາ. XML ໃຫ້ຄວາມສາມາດໃນການສ້າງພາສາຕ່າງໆ.
XML ແມ່ນພາສາສໍາລັບການຂຽນພາສາເຄື່ອງຫມາຍ. ຕົວຢ່າງ: ຖ້າທ່ານກໍາລັງເຮັດວຽກກ່ຽວກັບເຊື້ອສາຍ, ທ່ານອາດຈະສ້າງ tags ທີ່ໃຊ້ XML ເພື່ອກໍານົດພໍ່, ແມ່, ລູກສາວ, ແລະລູກຊາຍໃນ XML ຂອງທ່ານເຊັ່ນນີ້: <ພໍ່> <ແມ່ <<ລູກ>
ນອກນັ້ນຍັງມີພາສາມາດຕະຖານທີ່ສ້າງແລ້ວດ້ວຍ XML: MathML ສໍາລັບການກໍານົດຄະນິດສາດ, SMIL ສໍາລັບການເຮັດວຽກກັບມັນຕິມີເດຍ, XHTML ແລະອື່ນໆ.
XHTML-eXtended HyperText Markup Language
XHTML 1.0 ແມ່ນ HTML 4.0 ຖືກກໍານົດເພື່ອຕອບສະຫນອງມາດຕະຖານ XML . XHTML ໄດ້ຖືກທົດແທນໃນການອອກແບບເວັບທີ່ທັນສະໄຫມທີ່ມີ HTML5 ແລະການປ່ຽນແປງທີ່ໄດ້ມາຕັ້ງແຕ່. ທ່ານບໍ່ສາມາດຊອກຫາເວັບໄຊທ໌ໃຫມ່ໃດໆໂດຍໃຊ້ XHTML, ແຕ່ຖ້າທ່ານກໍາລັງເຮັດວຽກຢູ່ໃນເວັບໄຊທ໌ທີ່ມີອາຍຸຫຼາຍ, ທ່ານອາດຈະພົບ XHTML ຢູ່ໃນປ່າທໍາມະຊາດ.
ບໍ່ມີຄວາມແຕກຕ່າງທີ່ສໍາຄັນຫຼາຍລະຫວ່າງ HTML ແລະ XHTML , ແຕ່ນີ້ແມ່ນສິ່ງທີ່ທ່ານຈະສັງເກດເຫັນ:
- XHTML ຖືກຂຽນໄວ້ໃນກໍລະນີລຸ່ມ. ໃນຂະນະທີ່ ແທັບ HTML ສາມາດຂຽນໄດ້ໃນກໍລະນີທີ່ສູງ, ກໍລະນີ MiXeD, ຫຼືກໍລະນີລຸ່ມ, ຖືກຕ້ອງ, ແທັກ XHTML ຕ້ອງເປັນຕົວຢ່າງນ້ອຍ. (ຫມາຍເຫດ - ຜູ້ຊ່ຽວຊານດ້ານເວັບຫຼາຍຂຽນ HTML ໃນທຸກຕົວອັກສອນທັງຫມົດ, ເຖິງແມ່ນວ່າມັນບໍ່ແມ່ນຄວາມຕ້ອງການດ້ານວິຊາການ).
- ທຸກອົງປະກອບ XHTML ຕ້ອງມີໂຄ້ດສິ້ນສຸດ. ອົງປະກອບທີ່ມີແທັກດຽວເທົ່ານັ້ນ, ເຊັ່ນ: ແລະຕ້ອງມີແຜ່ນປິດ (/) ຢູ່ໃນຕອນທ້າຍຂອງແທັກ:
/ >
/ > - ຄຸນສົມບັດທັງຫມົດຕ້ອງໄດ້ຮັບການຕີລາຄາໃນ XHTML. ປະຊາຊົນບາງຄົນເອົາຂໍ້ມູນອ້າງອິງກ່ຽວກັບຄຸນລັກສະນະຕ່າງໆເພື່ອປະຫຍັດພື້ນທີ່, ແຕ່ພວກເຂົາຕ້ອງການສໍາລັບ XHTML ທີ່ຖືກຕ້ອງ.
- XHTML ຮຽກຮ້ອງໃຫ້ແທັບຖືກຮັງຢ່າງຖືກຕ້ອງ. ຖ້າທ່ານເປີດອົງປະກອບກ້າຫານ () ແລະຫຼັງຈາກນັ້ນເປັນອົງປະກອບ (), ທ່ານຕ້ອງປິດອົງປະກອບຂອງມັນ ( i>) ກ່ອນທີ່ທ່ານຈະປິດເອກະສານທີ່ກ້າຫານ ( b>). (ໃຫ້ສັງເກດວ່າທັງສອງອົງປະກອບເຫຼົ່ານີ້ຖືກປະຕິເສດເພາະວ່າມັນເປັນອົງປະກອບທີ່ມີຮູບພາບ. HTML ໃຊ້ ແລະ ແທນທີ່ສອງ)
- HTML Attributes ຕ້ອງມີຊື່ແລະມູນຄ່າ. ຄຸນລັກສະນະທີ່ຢືນຢູ່ໃນ HTML ຕ້ອງໄດ້ຮັບການປະກາດດ້ວຍຄຸນຄ່າເຊັ່ນຕົວຢ່າງ, ຄຸນສົມບັດ HR ຈະຖືກຂຽນ noshade = "noshade".
ບົດສະບັບຕົ້ນໂດຍ Jennifer Krynin. ແກ້ໄຂໂດຍ Jeremy Girard ວັນທີ 7/5/17.