Author :: อาจารย์สุธารัตน์ ชาวนาฟาง NPRU Open Courseware more info :: http://courseware.npru.ac.th/index.php

1. ภาษา HTML5
Webpage Design and Programming Workshop (7152306)
อาจารย์สุธารัตน์ ชาวนาฟาง
สาขาวิศวกรรมซอฟต์แวร์ มหาวิทยาลัยราชภัฏนครปฐม

2. ภาษา HTML5
• ภาษา HTML5 คือภาษา HTML เวอร์ชั่นใหม่ล่าสุด แต่ยังไม่เป็น Final Version
• มีคุณสมบัติที่ทาให้เขียนภาษา HTML ง่ายขึ้น
• สนับสนุนการแสดงผลบนอุปกรณ์ต่างๆ ได้เช่น PC, Mac, iPhone, iPad, Android Phone หรือ
Tablet เป็นต้น เพิ่มลูกเล่นในการทางาน เช่น ทางานกับระบบแผนที่, สร้างภาพกราฟิกโดย
ไม่ต้องมี Flash เป็นต้น
• เน้นการใช้งานร่วมกับ CSS (Cascading Style Sheets) และ JavaScript ทางานกับภาษาที่ใช้ใน
การพัฒนา Web Application เช่น PHP หรือ ASP ได้อย่างมีประสิทธิภาพเพิ่มขึ้น

4. ข้อดีภาษา HTML5
• รองรับอุปกรณ์หลากหลายทั้ง Desktop PC, Mac และ Mobile เช่น Smart Phone,
Tablet
• แสดงภาพ เสียง หรือกราฟิกอนิเมชั่นต่างๆ โดยไม่ต้องติดตั้งซอฟท์แวร์เพิ่มเติม
• สามารถพัฒนาโปรแกรมได้เหมือนกับโปรแกรมที่ใช้งานทั่วไป ไม่ใช่เพียงแค่สร้าง
หน้าเว็บเพจแสดงข้อมูลอย่างเดียว
• เขียนโปรแกรมง่ายยิ่งขึ้น โดยเฉพาะบน Mobile ไม่ต้องพัฒนาในลักษณะ Native
Apps และไม่ต้องนาโปรแกรมขึ้น App Store หรือ Google Play
• เขียนโปรแกรมได้อย่างมีประสิทธิภาพ เพราะรองรับการติดต่อเพื่อเรียกใช้งาน
คุณสมบัติต่าง ๆ ของอุปกรณ์โดยเฉพาะ Mobile ได้ เช่นเรียกใช้งานระบบ GPS
(แผนที่)

5. ความสามารถของ HTML5 ในส่วนของ Semantics
• แท็กใหม่ แท็กกลุ่มนี้ จะช่วยบ่งบอกความหมายของวัตถุ
ในเว็บเพจได้ดีขึ้น เช่น จากเดิมใช้ <div id="header">
เปลี่ยนมาเป็น <header> ทาให้เบราว์เซอร์สามารถ
รับทราบความหมายของวัตถุแต่ละชิ้นได้ดีขึ้น

6. ความสามารถของ HTML5 ในส่วนของ Semantics
ตัวอย่าง
• section - บ่งบอกเซคชันของเนื้ อหา
• article - กาหนดขอบเขตของตัวเนื้ อบทความ
• aside - กาหนดขอบเขตของเนื้ อหาเสริม (ล้อมกรอบ)
• Header - กาหนดขอบเขตของส่วนเริ่มต้นหรือส่วนหัวของเว็บไซต์
• footer - กาหนดขอบเขตของส่วนท้ายของเว็บไซต์ เช่นข้อความกาหนด
สิทธิ์ต่างๆ
• nav - กาหนดเป็นส่วนนาทางของเว็บไซต์

8. การทางานของ HTML5
8

9. การทางานของ HTML5 กับ Css3
9