ລວມທັງອົງປະກອບ HTML ເກົ່າແລະ HTML5 ໃຫມ່
ໃນຂະນະທີ່ການພັດທະນາຂອງມັນໄດ້ເລີ່ມຕົ້ນຫລາຍປີກ່ອນ, HTML5 ກໍ່ໄດ້ເລີ່ມຕົ້ນນໍາໃຊ້ກັບຜູ້ອອກແບບແລະພັດທະນາເວັບໃນປີ 2010. ສ້າງຂຶ້ນໃນສິ່ງທີ່ໄດ້ມາກ່ອນ. ໃຜກໍ່ຕາມທີ່ຮູ້ HTML 4.01 ໄດ້ພົບເຫັນໄວໆນີ້ວ່າບາງເວີຊັ່ນທີ່ສາມາດພົບໄດ້ໃນ HTML5.
ໃນຂະນະທີ່ HTML5 ປະກອບມີຫຼາຍໆອົງປະກອບທີ່ມີຢູ່ໃນ HTML ໃນເວລາດຽວກັນ, ມັນຍັງນໍາສະເຫນີບາງສ່ວນຂອງ HTML5. ສໍາລັບຫຼາຍໆອົງປະກອບເຫຼົ່ານີ້, ວິທີການທີ່ເອີ້ນວ່າ "ການເປີດທົ່ງຫຍ້າ" ຖືກນໍາໃຊ້. ນີ້ແມ່ນຄໍາສັບທີ່ຖືກນໍາໃຊ້ທົ່ວໄປໃນໄອທີເປັນສິ່ງສໍາຄັນທີ່ຈະເບິ່ງວ່າສິ່ງທີ່ປະຊາຊົນກໍາລັງເຮັດແລະເຮັດແນວໃດ. ໃນກໍລະນີຂອງຜູ້ອອກແບບເວັບໄຊທ໌ນີ້, ມັນຫມາຍຄວາມວ່າພວກເຂົາກໍາລັງສ້າງຫນ້າເວັບແລະກໍານົດການຕັດສິນໃຈກ່ຽວກັບອົງປະກອບໃຫມ່ໃນກິດຈະກໍາຕ່າງໆ. ຕົວຢ່າງເຊັ່ນຜູ້ຊ່ຽວຊານດ້ານເວັບຕ່າງໆຈະສ້າງເວັບໄຊທ໌ທີ່ມີລະຫັດທີ່ໃຊ້ ID ຫຼື Class attributes ຂອງ "header", "nav" ແລະ "footer". ດັ່ງນັ້ນ, HTML5 ນໍາສະເຫນີເຫຼົ່ານີ້ເປັນອົງປະກອບໃຫມ່, ໃຫ້ຜູ້ຊ່ຽວຊານດ້ານເວັບເພີ່ມຄວາມຫມາຍຫຼາຍໃນເອກະສານຂອງເຂົາເຈົ້າໂດຍການນໍາໃຊ້ອົງປະກອບຕັດສ່ວນປະຈໍາແທນການແບ່ງປັນພຽງແຕ່. ການປະສົມປະສານຂອງຄວາມຄຸ້ນເຄີຍແລະວິທີການທີ່ໄດ້ຮັບຮູ້ການປະຕິບັດໃນປະຈຸບັນຊ່ວຍ HTML5 ໄດ້ຮັບການຍອມຮັບຢ່າງໄວວາໂດຍອຸດສາຫະກໍາອອກແບບເວັບ.
The HTML5 Doctype
ທໍາອິດ, ເພື່ອນໍາໃຊ້ອົງປະກອບ HTML5 ໃຫມ່, ເອກະສານຂອງທ່ານຕ້ອງປະກອບດ້ວຍ HTML5 doctype ເຊິ່ງເປັນ:
ທ່ານອາດຈະສັງເກດເຫັນວ່າ doctype ນີ້ບໍ່ໄດ້ກ່າວເຖິງໂດຍສະເພາະ "HTML5", ແຕ່ແທນທີ່ຈະສະແດງຄໍາວ່າ "html". ນີ້ແມ່ນຍ້ອນວ່າວິທະຍາສາດນີ້ແມ່ນສິ່ງທີ່ມີຈຸດປະສົງທີ່ຈະນໍາໃຊ້ຕໍ່ກັບການເລີ້ມຕົ້ນຂອງພາສາທັງຫມົດ.
ໃນຄວາມເປັນຈິງ, HTML5 ແມ່ນຄາດວ່າຈະເປັນຮຸ່ນທີ່ມີເລກທ້າຍສຸດຂອງພາສາ, ໂດຍມີການປ່ຽນແປງໃຫມ່ທີ່ຖືກເພີ່ມໃນພື້ນຖານທີ່ສອດຄ່ອງໃນອະນາຄົດ. ໃນຄວາມເປັນຈິງ, ບາງອົງປະກອບໃນບັນຊີລາຍຊື່ຂ້າງລຸ່ມນີ້ໄດ້ຖືກເພີ່ມເຂົ້າໃນພາສາໄດ້ດີຫຼັງຈາກການຊຸກຍູ້ໃນເບື້ອງຕົ້ນໃນປີ 2010!
Tags HTML5
| Tag | ຄໍາອະທິບາຍ |
|---|---|
| Anchor or link | |
| abbr> | ຊື່ຫຍໍ້ |
| address> | ທີ່ຢູ່ຫຼືຜູ້ຂຽນຂອງເອກະສານ |
| <ພື້ນທີ່> | ແຜນທີ່ຮູບພາບຂອງລູກຄ້າ |
| | ມາດຕາ |
| Tangential content | |
| Audio stream | |
| b> | Bold |
| | ເສັ້ນທາງ URI ຖານສໍາລັບອົງປະກອບໃນເອກະສານ |
| bdo> | ລະບົບສອງທິດທາງ |
blockquote> | Long quote |
| body> | ຮ່າງກາຍຂອງຫນ້າ |
| | ເສັ້ນທໍາອິດ |
| <ປຸ່ມ> button> | ປຸ່ມແບບຟອມ HTML |
| Canvas ສໍາລັບກາຟິກແບບເຄື່ອນໄຫວ | |
| Comment | |
| | ຕາຕະລາງຕາຕະລາງ |
| cite> | ການອ້າງອິງ |
code> | Code reference |
| | ຄໍລໍາຕາລາງ |
| | ກຸ່ມຕາຕະລາງຕາຕະລາງ |
| | ຄໍາສັ່ງຫຼືການກະທໍາໃນຫນ້າ |
| Document type definition | |
| | ຕາລາງຂໍ້ມູນ |
| ຕົວເລືອກທີ່ໄດ້ກໍານົດໄວ້ສໍາລັບການຄວບຄຸມອື່ນໆ | |
| | ຄໍາອະທິບາຍລາຍຊື່ຄໍາບັນຍາຍຫຼືໄລຍະຂອງການສົນທະນາ |
| | ຂໍ້ຄວາມທີ່ຖືກລຶບ |
| details> | ຂໍ້ມູນເພີ່ມເຕີມກ່ຽວກັບຄວາມຕ້ອງການ |
| dfn> | Definition |
| ການສົນທະນາ | |
| div> | ແບ່ງຕາມເຫດຜົນ |
| ລາຍລະອຽດລາຍການ |
| | ໄລຍະເວລາຄໍານິຍາມຫຼືລໍາໂພງໂຕ້ຕອບ |
| em> | ເນັ້ນຫນັກ |
| ອົງປະກອບທີ່ຝັງສໍາລັບ plugins | |
| ກຸ່ມຄວບຄຸມແບບຟອມ | |
| | ຫົວຂໍ້ທີ່ໃຊ້ສໍາລັບອົງປະກອບ <ຮູບ> |
| | ຮູບພາບທີ່ມີຄໍາອະທິບາຍທາງເລືອກ |
| footer ຂອງຫນ້າ | |
| ແບບຟອມ | |
h1> | ລໍາດັບຊັ້ນທໍາອິດ |
h2> | ຫົວຂໍ້ລະດັບທີສອງ |
h3> | ລໍາດັບຊັ້ນທີສາມ |
h4> | ຫົວຂໍ້ລະດັບທີສີ່ |
h5> | ລໍາດັບຊັ້ນທີຫ້າ |
h6> | ລໍາດັບຊັ້ນທີ 6 |
| head> | ຫົວຫນ້າຂອງເອກະສານ |
| | Header of a page |
| hgroup> | ຫົວກຸ່ມ |
| | ກົດລະບຽບແນວນອນ |
| html> | ອົງປະກອບຮາກຂອງຫນ້າເວັບ |
| i> | ແບບອັກສອນຮູບພາບ |
| ກອບພາຍໃນ | |
| | ຮູບພາບ |
| ອົງປະກອບແບບຟອມໃສ່ຂໍ້ມູນ | |
| ອົງປະກອບແບບຟອມປຸ່ມ | |
| ຕົວຢ່າງແບບຟອມ Checkbox | |
| Color input | |
| Date input | |
| ປ້ອນວັນເວລາແລະເວລາທົ່ວໂລກ | |
| ຂໍ້ມູນວັນທີແລະເວລາທ້ອງຖິ່ນ | |
| ການປ້ອນຂໍ້ມູນທີ່ຢູ່ອີເມວ | |
| ໄຟລ໌ຮູບແບບການອັບໂຫລດເອກະສານ | |
| ອົງປະກອບພາກສະຫນາມຮູບແບບທີ່ເຊື່ອງໄວ້ | |
| ອົງປະກອບຮູບແບບຮູບພາບ | |
| ຂໍ້ມູນປະຈໍາປີແລະເດືອນ | |
| ຈໍານວນເຂົ້າ | |
| ອົງປະກອບແບບຟອມລະຫັດຜ່ານ | |
| ອົງປະກອບຮູບແບບປຸ່ມວິທະຍຸ | |
| Imprecise input number | |
| ຕັ້ງຄ່າອົງປະກອບແບບຟອມປຸ່ມໃຫມ່ | |
| ພາກສະຫນາມຄົ້ນຫາ | |
| ສົ່ງອົງປະກອບແບບຟອມປຸ່ມ | |
| ຫມາຍເລກໂທລະສັບ | |
| ອົງປະກອບແບບຟອມຂອງເຂດຂໍ້ຄວາມ | |
| ເວລາເຂົ້າ | |
| URL input | |
| ຂໍ້ມູນປະຈໍາປີແລະອາທິດ | |
| ins> | ຂຽນຂໍ້ຄວາມ |
| kbd> | ຂໍ້ຄວາມທີ່ຕ້ອງເຂົ້າໄປໂດຍຜູ້ໃຊ້ |
| | ສ້າງລະຫັດທີ່ປອດໄພສໍາລັບການຄຸ້ມຄອງໃບຢັ້ງຢືນ |
| ປ້າຍແບບຟອມ | |
| ແບບຟອມການເມືອງ | |
| | ລາຍການລາຍການລາຍການ |
| ເຊື່ອມໂຍງກັບເອກະສານທີ່ກ່ຽວຂ້ອງ | |
| | ພື້ນທີ່ຕົ້ນຕໍຂອງເນື້ອໃນຢູ່ໃນຫນ້າ |
| ແຜນທີ່ຮູບພາບຂອງລູກຄ້າ | |
| mark> | ຫມາຍຫມາຍຫລືເນັ້ນຂໍ້ຄວາມ |
| ລາຍຊື່ຂອງຄໍາສັ່ງ | |
| Meta ຂໍ້ມູນກ່ຽວກັບເອກະສານ | |
| | Scalar gauge |
| ກໍານົດເນື້ອທີ່ມີການເຊື່ອມຕໍ່ນໍາທິດ | |
| ເນື້ອໃນເມື່ອບໍ່ມີສະຄິບ | |
| ວັດຖຸທີ່ບໍ່ແມ່ນມາດຕະຖານ | |
| ລາຍະການສັ່ງຊື້ຫລືຈໍານວນ |
| ກຸ່ມຂອງຕົວເລືອກໃນບັນຊີເລືອກ | |
| ທາງເລືອກໃນບັນຊີເລືອກ | |
| ຜົນຂອງການຄິດໄລ່ແບບຟອມ | |
| p> | Paragraph |
| ພາລາມິເຕີຂອງອົງປະກອບຂອງວັດຖຸ | |
pre> | ຂໍ້ຄວາມທາງສ່ວນຫນ້າຂອງຮູບແບບ |
| ຕົວຊີ້ວັດຄວາມຄືບຫນ້າ | |
q> | Short quote inline ສັ້ນ |
| ວົງຢືມ Ruby | |
| Ruby text | |
| ruby> | ລາຍລະອຽດ Ruby |
| | Strikeout text |
| samp> | ຜະລິດຕະພັນຕົວຢ່າງ |