ລວມທັງອົງປະກອບ 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> | ຜະລິດຕະພັນຕົວຢ່າງ |