คำอธิบาย 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

เนื้อหาใหม่ของ HTML5?

การประกาศประเภทเอกสาร (DOCTYPE) ใหม่ของ HTML5 ก็ง่ายมาก

<!DOCTYPE html>
การประกาศตัวอักษรที่ใช้เป็นข้อเท็จจริง (charset) ใน HTML5 ก็ง่ายมาก
<meta charset="UTF-8">

ตัวอย่าง HTML5:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>หัวข้อของเอกสาร</title>
</head>
<body>
เนื้อหาของเอกสาร......
</body>
</html>

หมายเหตุ：ตัวอักษรที่ใช้เป็นข้อเท็จจริงของ HTML5 คือ UTF-8

HTML5 - สัญญาณทางภาษาไทยใหม่

HTML5 มีมาตรฐานสำหรับสัญญาณทางภาษาไทย 4 รูปแบบ

ตัวอย่างนี้แสดงให้เห็นวิธีการใช้ภาษาที่แตกต่างกันในแท็ก <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>, และ <section>
  • ควบคุมฟอร์มใหม่ อย่างเช่นตัวเลข วันที่ ชั่วโมง ปฏิทิน และตัวปรับเปลี่ยน
  • การสนับสนุนรูปภาพที่มีความสามารถที่ดี ผ่านภาษา <canvas> และ <svg>
  • การสนับสนุนมีดเปลือกแบบมีความสามารถที่ดี ผ่านภาษา <video> และ <audio>
  • API ใหม่ที่มีพลังมาก อย่างเช่นการใช้เก็บข้อมูลส่วนบุคคลแทน cookie

ตัวแปลงที่ถูกลบออกจาก HTML5

ตัวแปลง HTML 4.01 ต่างๆ ได้ถูกลบออกจาก HTML5

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