HTML5

ຄວາມພິມ HTML5 ໃນແຕ່ລະຫົວຂໍ້

ຄວາມພິມ

!DOCTYPE html
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 ການອານຸຍາດບັນຊີບັນນາທິບາຍຂອງບັນຊີບັນນາທິບາຍພາບຂອງບັນຊີບັນນາທິບາຍບໍ່ມີການສະໜັບສະໜູນ.
</video>
</body>
</html>

ທີ່ຈະທົດລອງ

ຄຳສັ່ງ: "ທີ່ຈະທົດລອງ" ເພື່ອເບິ່ງວ່າກໍານົດນີ້ຈະດຳເນີນວຽກຫນັງນັ້ນຫລາຍຫນັງນັ້ນ.

ວ່າແມ່ນຫຍັງ HTML5?

HTML5 ແມ່ນສະຖານະສານ HTML ທີ່ໃໝ່ທີ່ສຸດ.

HTML5 ແມ່ນການອອກແບບໃຫ້ກັບການຄົ້ນຫາຂໍ້ມູນທາງເວັບທີ່ຫຼາກຫຼາຍ ແລະບໍ່ຕ້ອງມີການສະໜັບສະໜູນຫນັງຊະນວນອຸປະກອນອື່ນໆ.

HTML5 ມີສິ່ງເປັນຫນັງທີ່ຫຼາກຫຼາຍ ແລະສິ່ງສະແດງສະຫລັບສະເຕດຫນັງ.

HTML5 ອະນຸຍາດມີສິ່ງເປັນຫນັງທີ່ຫຼາກຫຼາຍ ແລະ API ອະນຸຍາດການກໍ່ສ້າງຂອງການສະໜັບສະໜູນວິທະຍາສາດທາງເວັບ.

HTML5 ແມ່ນການບໍ່ມີພົວພັນທາງພາບລະບົບ ແລະຖືກອອກແບບໃຫ້ເຮັດວຽກໃນທັງໝົດອຸປະກອນທີ່ຫຼາກຫຼາຍ (PC, ສະແດງສະເຕດ, ໂທລະສັບມືຖື, ໂທລະສັດໂທລະພາບຫລາຍໆຫນັງ).

ຄວາມເຫັນ:ໃນວັນປະຫວັດດັ່ງມາເຈົ້າຈະຮຽນວ່ານັ້ນຈະ "ຊ່ວຍ" ການກະທຳຂອງການອານຸຍາດບັນຊີບັນນາທິບາຍທີ່ເກົ່າ.

ມີສາລະບັນຍັດໃໝ່ໃນ HTML5?

ການປະກາດ (DOCTYPE) ຂອງຮູບຮູບພາບໃໝ່ຂອງ HTML5 ແມ່ນຍັງຄົງຫນັງຫລາຍ:

!DOCTYPE html
ການປະກາດ (charset) ຂອງຮູບຮູບພາບໃໝ່ກໍ່ຍັງຄົງຫນັງຫລາຍ:
<meta charset="UTF-8">

ຄວາມພິມ HTML5:

!DOCTYPE html
<html>
<head>
<meta charset="UTF-8">
<title>ຫົວຂໍ້ເອກະສານ</title>
</head>
<body>
ສາລະບັນຍັດຂອງເອກະສານ......
</body>
</html>

ຄວາມເຫັນ:ຮູບຮູບພາບຄົນໃນ HTML5 ມີການກະກຽມຄວາມມີນິວັບ UTF-8.

HTML5 - ສັນຍາບັນຍັດບໍ່ອະນຸຍາດຫນັງ.

ຮູບຮູບພາບ HTML5 ອະນຸຍາດມີສັນຍາບັນຍັດທີ່ຫຼາກຫຼາຍສີ່ບາງຫົວ.

ບົດສະຫຼຸບນີ້ສະແດງການໃຊ້ພາສາທີ່ຫຼາຍຢູ່ໃນແຕ່ງຕາມ <input> ອອກພາບ

类型 示例
Empty <input type="text" value="Bill Gates" disabled>
Unquoted <input type="text" value=Bill Gates>
Double-quoted <input type="text" value="Bill Gates">
Single-quoted <input type="text" value='Bill Gates'>

在 HTML5 标准中，根据对属性的需求，可能会用到所有 4 种语法。

HTML5 - 新特性

HTML5 的一些最有趣的新特性：

  • 新的语义元素，比如 <header>, <footer>, <article>, and <section>。
  • 新的表单控件，比如数字、日期、时间、日历和滑块。
  • 强大的图像支持（借由 <canvas> 和 <svg>）
  • 强大的多媒体支持（借由 <video> 和 <audio>）
  • 强大的新 API，比如用本地存储取代 cookie。

HTML5 - 被删元素

以下 HTML 4.01 元素已从 HTML5 中删除：

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>