ມີຫຍັງໃຫມ່ໃນ HTML 5

HTML 5 ແມ່ນສະບັບໃຫມ່ຂອງ HTML

HTML 5 ເພີ້ມຄຸນລັກສະນະໃຫມ່ໃຫ້ແກ່ຂໍ້ກໍານົດ HTML. ແລະສິ່ງທີ່ດີກວ່າ, ມີການສະຫນັບສະຫນູນຕົວທ່ອງເວັບທີ່ຈໍາກັດບາງສໍາລັບຄຸນສົມບັດໃຫມ່ເຫຼົ່ານີ້. ຖ້າມີຄຸນສົມບັດທີ່ທ່ານສົນໃຈ, ເບິ່ງຫນ້າການປະຕິບັດຫນ້າ Wiki ຂອງຂໍ້ມູນສໍາລັບຂໍ້ມູນກ່ຽວກັບຕົວທ່ອງເວັບທີ່ສະຫນັບສະຫນູນພາກສ່ວນຕ່າງໆຂອງຂໍ້ກໍານົດ.

HTML 5 New Doctype and Charset

ສິ່ງທີ່ດີກ່ຽວກັບ HTML 5 ແມ່ນເຮັດແນວໃດມັນງ່າຍທີ່ຈະປະຕິບັດ. ທ່ານໃຊ້ HTML5 doctype ເຊິ່ງງ່າຍແລະງ່າຍດາຍ:

ແມ່ນແລ້ວ, ແມ່ນແລ້ວ. ພຽງແຕ່ສອງຄໍາວ່າ "doctype" ແລະ "html". ມັນອາດຈະງ່າຍດາຍເພາະວ່າ HTML 5 ບໍ່ແມ່ນ ສ່ວນຫນຶ່ງຂອງ SGML , ແຕ່ແທນທີ່ຈະ ເປັນພາສາເຄື່ອງຫມາຍ ໃນຕົວເອງ.

ຕົວອັກສອນທີ່ກໍານົດໄວ້ສໍາລັບ HTML 5 ແມ່ນຖືກປັບປຸງເຊັ່ນດຽວກັນ. ມັນໃຊ້ UTF-8 ແລະທ່ານກໍານົດມັນດ້ວຍແທັກ meta ດຽວເທົ່ານັ້ນ:

HTML 5 ໂຄງສ້າງໃຫມ່

HTML 5 ຍອມຮັບວ່າຫນ້າເວັບມີໂຄງສ້າງເຊັ່ນດຽວກັນກັບປຶ້ມມີໂຄງສ້າງຫຼື ເອກະສານ XML ອື່ນໆ . ໂດຍທົ່ວໄປແລ້ວ, ຫນ້າເວັບມີການນໍາທາງ, ເນື້ອຫາຮ່າງກາຍແລະເນື້ອຫາຂອງແຖບຂ້າງບວກຫົວຫນ້າ, ຕີນ, ແລະລັກສະນະອື່ນໆ. ແລະ HTML 5 ໄດ້ສ້າງ tags ເພື່ອສະຫນັບສະຫນູນອົງປະກອບຂອງຫນ້າເວັບ.

• - ເພື່ອກໍານົດພາກສ່ວນຂອງຫນ້າ
• - ກໍານົດ header ຂອງຫນ້າຫນຶ່ງ
• - ກໍານົດ footer ຂອງຫນ້າຫນຶ່ງ
• - ກໍານົດນໍາທິດໃນຫນ້າຫນຶ່ງ
• - ກໍານົດບົດຄວາມຫລືເນື້ອຫາຫລັກໃນຫນ້າ
• - ກໍານົດເນື້ອຫາພິເສດເຊັ່ນແຖບຂ້າງໃນຫນ້າ
• - ກໍານົດຮູບພາບທີ່ລະບຸບົດຄວາມ

HTML 5 New Elements Elements

ເຫຼົ່ານີ້ ອົງປະກອບພາຍໃນ ກໍານົດບາງແນວຄວາມຄິດພື້ນຖານແລະຮັກສາໃຫ້ເຂົາເຈົ້າ semantically ຫມາຍ, ສ່ວນໃຫຍ່ແມ່ນເຮັດກັບເວລາ:

• - ເພື່ອຊີ້ບອກເນື້ອຫາທີ່ຖືກຫມາຍໃນຮູບແບບບາງຢ່າງ
• - ເພື່ອຊີ້ບອກເນື້ອຫາທີ່ເປັນເວລາຫລືວັນທີ
• - ເພື່ອຊີ້ບອກເນື້ອຫາທີ່ເປັນສ່ວນຫນຶ່ງຂອງຊ່ວງທີ່ຮູ້ຈັກ - ເຊັ່ນການນໍາໃຊ້ແຜ່ນ
• - ເພື່ອຊີ້ບອກຄວາມກ້າວຫນ້າຂອງວຽກງານຕໍ່ກັບການສໍາເລັດ

HTML 5 ສະຫນັບສະຫນູນຫນ້າໃຫມ່ຂອງແບບເຄື່ອນໄຫວ

HTML 5 ໄດ້ຖືກພັດທະນາເພື່ອຊ່ວຍໃຫ້ຜູ້ພັດທະນາໂປແກຼມເວັບ, ດັ່ງນັ້ນຈຶ່ງມີຫຼາຍລັກສະນະໃຫມ່ເພື່ອເຮັດໃຫ້ມັນງ່າຍຕໍ່ການສ້າງຫນ້າ HTML ແບບເຄື່ອນໄຫວ:

• ເມນູ Context - HTML 5 ຈະສະຫນັບສະຫນູນການສ້າງແລະການນໍາໃຊ້ເມນູໃນສະພາວະພາຍໃນຫນ້າເວັບແລະຄໍາຮ້ອງສະຫມັກ
• href is not required on a tag - ນີ້ອະນຸຍາດໃຫ້ທ່ານນໍາໃຊ້ໂຄດຄໍາສັ່ງທີ່ມີສະຄິບແລະໃນຄໍາຮ້ອງສະຫມັກເວັບທີ່ບໍ່ຕ້ອງການສະຖານທີ່ທີ່ຈະສົ່ງສະມໍວ່າ
• async attribute - ນີ້ແມ່ນຖືກເພີ່ມເຂົ້າໃນປ້າຍສະຄິບເພື່ອບອກກັບຕົວທ່ອງເວັບວ່າ script ຄວນຈະຖືກໂຫລດ asynchronously ເພື່ອບໍ່ຊັກຊ້າລົງການໂຫຼດແລະການສະແດງຂອງສ່ວນທີ່ເຫຼືອຂອງຫນ້າ.
• - ລາຍລະອຽດກ່ຽວກັບອົງປະກອບ. ນີ້ຈະຄ້າຍກັບຄໍາແນະນໍາໃນຄໍາຮ້ອງສະຫມັກທີ່ບໍ່ແມ່ນເວັບ.
• - ສ້າງຕາຕະລາງທີ່ສ້າງມາຈາກຖານຂໍ້ມູນຫຼືແຫຼ່ງແບບເຄື່ອນໄຫວອື່ນໆ
• - ປ້າຍເກົ່າທີ່ນໍາມາແລະໃຫ້ຊີວິດໃຫມ່ໃຫ້ທ່ານສ້າງລະບົບເມນູໃນຫນ້າເວັບຂອງທ່ານ
• - ກໍານົດກິດຈະກໍາທີ່ຄວນຈະເກີດຂຶ້ນເມື່ອອົງປະກອບແບບເຄື່ອນໄຫວຖືກເປີດໃຊ້

HTML 5 ປະເພດແບບໃຫມ່

HTML 5 ສະຫນັບສະຫນູນທຸກປະເພດແບບຟອມຮູບແບບມາດຕະຖານ, ແຕ່ວ່າມັນເພີ່ມຫຼາຍກວ່າອີກ:

• datetime
• datetime-local
• ວັນທີ່
• ເດືອນ
• ອາທິດ
• ເວລາ
• ຫມາຍເລກ
• range
• ອີເມວ
• url

HTML 5 ອົງປະກອບໃຫມ່

ມີອົງປະກອບໃຫມ່ທີ່ຫນ້າຕື່ນເຕັ້ນບາງຢ່າງໃນ HTML 5:

• - ອົງປະກອບເພື່ອໃຫ້ທ່ານມີພື້ນທີ່ແຕ້ມຮູບໃນ JavaScript ໃນຫນ້າເວັບຂອງທ່ານ. ມັນສາມາດໃຫ້ທ່ານເພີ່ມຮູບພາບຫຼືກາຟເພື່ອຄໍາແນະນໍາຂອງເຄື່ອງມືຫຼືພຽງແຕ່ສ້າງ graphs dyanmic ໃນຫນ້າເວັບຂອງທ່ານ, ສ້າງຂຶ້ນໃນການບິນ.
• - ເພີ່ມວິດີໂອໃນຫນ້າເວັບຂອງທ່ານດ້ວຍໂຄດຄໍາສັ່ງນີ້ງ່າຍດາຍ.
• - ເພີ່ມສຽງໃສ່ ຫນ້າເວັບ ຂອງທ່ານດ້ວຍໂຄ້ດງ່າຍໆນີ້.

HTML 5 ເອົາບາງອົງປະກອບບາງ

ນອກນັ້ນຍັງມີບາງສ່ວນໃນ HTML 4 ທີ່ຈະບໍ່ໄດ້ຮັບການສະຫນັບສະຫນູນຈາກ HTML5 ອີກດ້ວຍ. ສ່ວນໃຫຍ່ແມ່ນຖືກປະຕິເສດແລ້ວ, ດັ່ງນັ້ນບໍ່ຄວນແປກໃຈ, ແຕ່ບາງຄົນອາດຈະມີຄວາມຫຍຸ້ງຍາກ:

• acronym
• applet
• basefont
• big
• ສູນກາງ
• dir
• font
• frame
• frameset
• isindex
• noframes
• noscript
• s
• ປະທ້ວງ
• tt
• u

ທ່ານກຽມພ້ອມສໍາລັບ HTML 5?

HTML 5 ເພີ້ມຄຸນລັກສະນະໃຫມ່ໆຫຼາຍຢ່າງໃຫ້ແກ່ຫນ້າເວັບແລະການອອກແບບເວັບແລະມັນຈະຫນ້າຕື່ນເຕັ້ນໃນເວລາທີ່ຕົວທ່ອງເວັບເພີ່ມເຕີມສະຫນັບສະຫນູນມັນ. Microsoft ໄດ້ກ່າວວ່າພວກເຂົາຈະເລີ່ມຕົ້ນສະຫນັບສະຫນູນຢ່າງຫນ້ອຍບາງສ່ວນຂອງ HTML 5 ໃນ IE 8 ຖ້າທ່ານຕ້ອງການເລີ່ມຕົ້ນໄວໆນີ້, Opera ມີການສະຫນັບສະຫນູນທີ່ດີທີ່ສຸດ, ກັບ Safari ປິດຢູ່ຫລັງ.