onafterprint เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้เมื่อกระบวนการพิมพ์ (Print) เอกสารเสร็จสิ้นแล้ว โดยเหตุการณ์นี้สามารถใช้เพื่อดำเนินการใด ๆ หลังจากที่ผู้ใช้ทำการพิมพ์เอกสารเสร็จ เช่น การเรียกฟังก์ชันเพื่อรีเฟรชหน้าเว็บ หรือทำให้บางองค์ประกอบกลับมาปรากฏในหน้าเว็บหลังจากซ่อนระหว่างการพิมพ์…

onload เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้เมื่อมีการโหลดองค์ประกอบ (element) นั้น ๆ เสร็จสมบูรณ์ ตัวอย่างเช่น เมื่อโหลดหน้าเว็บเพจทั้งหมด รูปภาพ หรือ…

Server-Sent Events (SSE) เป็นเทคโนโลยีที่อนุญาตให้เซิร์ฟเวอร์ส่งข้อมูลไปยังเว็บเบราว์เซอร์โดยอัตโนมัติเมื่อมีข้อมูลใหม่ โดยไม่จำเป็นที่ฝั่งผู้ใช้จะต้องร้องขอ ซึ่งเป็นการทำงานแบบ push-based เหมาะสำหรับการแจ้งเตือนข้อมูลแบบเรียลไทม์ เช่น ข่าวสาร การอัพเดตข้อมูลในหน้าต่างๆ หรือแชทออนไลน์ การทำงานของ SSE วิธีการใช้งาน…

Web Workers API ใน HTML5 ถูกออกแบบมาเพื่อช่วยให้ JavaScript สามารถทำงานเบื้องหลัง (background) โดยไม่ทำให้หน้าเว็บค้างหรือช้าลง ซึ่ง Web Workers ช่วยให้สามารถรันสคริปต์ใน Thread…

Web Storage API ใน HTML5 เป็นกลไกในการเก็บข้อมูลฝั่งผู้ใช้ (Client-Side) โดยไม่ต้องใช้คุกกี้ ช่วยให้สามารถเก็บข้อมูลได้มากขึ้นและรวดเร็วยิ่งขึ้น ซึ่งมีอยู่ 2 รูปแบบหลักคือ LocalStorage และ SessionStorage…

Drag and Drop API ใน HTML5 เป็นเครื่องมือที่ช่วยให้ผู้ใช้สามารถลากวาง (drag and drop) องค์ประกอบจากตำแหน่งหนึ่งไปยังอีกตำแหน่งหนึ่งได้ในเว็บเบราว์เซอร์ ซึ่งสามารถนำไปประยุกต์ใช้งานในหลายสถานการณ์ เช่น การย้ายไฟล์ รูปภาพ…

Geolocation API ใน HTML5 ช่วยให้เราสามารถดึงพิกัดตำแหน่งของผู้ใช้ (เช่น ละติจูดและลองจิจูด) มาใช้งานในเว็บไซต์หรือเว็บแอปพลิเคชันได้ โดยไม่จำเป็นต้องติดตั้งปลั๊กอินเสริม โดยข้อมูลตำแหน่งนี้สามารถนำไปใช้ในหลายสถานการณ์ เช่น ระบบนำทาง, การแสดงผลตำแหน่งบนแผนที่, หรือการแสดงข้อมูลที่เกี่ยวข้องกับตำแหน่งของผู้ใช้ การใช้งาน…

การใช้งาน YouTube Video ใน HTML5 สามารถทำได้หลายวิธี โดยสามารถนำไปประยุกต์ใช้ในเว็บเพจได้หลากหลายรูปแบบ เรามาดูกันว่าใช้แบบไหนได้บ้าง การฝัง (Embed) วิดีโอจาก YouTube วิธีพื้นฐานที่สุดคือการใช้ iframe เพื่อนำวิดีโอจาก…

การใช้งาน audio ใน HTML5 นั้นช่วยให้เราสามารถแทรกไฟล์เสียงลงในหน้าเว็บได้อย่างง่ายดาย โดย HTML5 ได้เพิ่มแท็ก <audio> สำหรับใช้ในการเล่นเสียง ซึ่งมีความยืดหยุ่นในการควบคุมและแสดงผล รวมถึงการประยุกต์ใช้ไฟล์เสียงในลักษณะต่าง ๆ โดยไม่ต้องพึ่งพาปลั๊กอินจากภายนอก เช่น…

ใน HTML5 มีการรองรับการใช้งานวิดีโอผ่านแท็ก <video> โดยไม่ต้องพึ่งปลั๊กอินภายนอกเช่น Flash ซึ่งการใช้งานแท็ก <video> ใน HTML5 มีรูปแบบการใช้งานที่หลากหลาย สามารถประยุกต์ใช้งานได้ตามต้องการ รูปแบบพื้นฐานและตัวอย่างการใช้งานมีดังนี้ การใช้งานเบื้องต้น การใช้งาน…

ใน HTML5 มีการปรับปรุงและเพิ่มฟีเจอร์ใหม่ๆ ที่ทำให้การใช้งานสื่อมัลติมีเดีย (Multimedia) สะดวกและเป็นมาตรฐานมากขึ้น โดย Multimedia ใน HTML5 สามารถแบ่งได้เป็นสองประเภทหลัก คือ เสียง (Audio) และ…

SVG (Scalable Vector Graphics) เป็นมาตรฐานสำหรับการสร้างภาพกราฟิกแบบเวกเตอร์ที่สามารถขยายหรือย่อได้โดยไม่สูญเสียความคมชัด ซึ่งเป็นมาตรฐานที่กำหนดโดย W3C และเหมาะสมสำหรับการใช้งานใน HTML5 เนื่องจาก SVG สามารถรวมเข้าไปในเอกสาร HTML ได้โดยตรง นอกจากนี้ยังรองรับการโต้ตอบ…

ใน HTML5, <canvas> เป็นองค์ประกอบที่ใช้ในการวาดกราฟิกผ่านการเขียนโค้ด JavaScript สามารถใช้ในการวาดรูปภาพ กราฟเส้น, การสร้างแอนิเมชัน, เกม, และกราฟิกเชิงโต้ตอบได้ โดยทั่วไปจะใช้กับ API ของ CanvasRenderingContext2D สำหรับกราฟิกแบบสองมิติ…

ใน HTML5 มีประเภทของ <input> ที่หลากหลายเพื่อรองรับการป้อนข้อมูลที่แตกต่างกัน โดยสามารถประยุกต์ใช้ Attribute (คุณลักษณะ) ต่าง ๆ เพื่อควบคุมและปรับแต่งการทำงานของ input ได้ตามต้องการ ซึ่งคุณลักษณะที่นิยมใช้มีดังนี้ Common…

HTML5 เพิ่มประเภทของ input หลายรูปแบบที่ช่วยให้เราสามารถสร้างฟอร์มที่มีประสิทธิภาพและใช้งานง่ายมากขึ้น ซึ่ง input ประเภทต่าง ๆ มีดังนี้ text ใช้สำหรับรับข้อมูลที่เป็นข้อความทั่วไป เช่น ชื่อ, ที่อยู่ เป็นต้น…

Form Elements ใน HTML5 เป็นชุดเครื่องมือที่ช่วยให้ผู้ใช้สามารถกรอกข้อมูลและส่งข้อมูลไปยังเซิร์ฟเวอร์ได้อย่างสะดวก HTML5 ได้เพิ่มความสามารถใหม่ๆ ให้กับฟอร์ม เช่น ชนิดของ input แบบใหม่ ที่ช่วยให้การป้อนข้อมูลมีความถูกต้องมากขึ้น เช่น email,…

ใน HTML5 มี Form Attributes หลากหลายรูปแบบที่สามารถใช้ในการควบคุมการทำงานของฟอร์ม เช่น การกำหนดลักษณะของการส่งข้อมูล, การตั้งค่าปลายทาง, การจัดการข้อมูล, การเปิดปิดการใช้งาน เป็นต้น 1. action ตัวอย่าง…

การใช้งานฟอร์ม (Form) ใน HTML5 เป็นส่วนสำคัญในการรับข้อมูลจากผู้ใช้และส่งข้อมูลไปยังเซิร์ฟเวอร์ โดย HTML5 ได้เพิ่มคุณสมบัติใหม่ๆ ที่ทำให้การสร้างฟอร์มมีความยืดหยุ่นและง่ายขึ้น เราสามารถใช้ฟอร์มในหลายรูปแบบเพื่อเก็บข้อมูลได้หลากหลาย เช่น ข้อความ ตัวเลข วันที่ ไฟล์…

HTML (HyperText Markup Language) vs XHTML (Extensible HyperText Markup Language) ทั้ง HTML และ XHTML เป็นภาษาที่ใช้ในการพัฒนาเว็บไซต์…

Uniform Resource Locator (URL) เป็นที่อยู่หรือที่ตั้งของทรัพยากรต่างๆ บนอินเทอร์เน็ต ซึ่งใช้ในการอ้างอิงไฟล์ รูปภาพ เอกสาร หรือข้อมูลต่างๆ ที่ถูกเก็บไว้บนเซิร์ฟเวอร์ โดยใน HTML5 URL เป็นสิ่งสำคัญในการเชื่อมโยงระหว่างหน้าเว็บ…

การกำหนด Encoding หรือ Character Sets ใน HTML5 มีความสำคัญอย่างยิ่งในการทำให้หน้าเว็บสามารถแสดงผลข้อความได้อย่างถูกต้อง โดยเฉพาะเมื่อต้องแสดงผลข้อความที่เป็นภาษาต่างๆ เช่น ภาษาไทย จีน ญี่ปุ่น หรือภาษาอื่นๆ ที่ไม่ได้ใช้ชุดตัวอักษรแบบ…

การใช้งาน Emoji ใน HTML5 เป็นเรื่องง่ายและช่วยเพิ่มความสนุกและการสื่อสารที่มีความหมายมากขึ้นให้กับเว็บไซต์ ใน HTML5 เราสามารถใช้งาน Emoji ได้หลายวิธี ซึ่งได้แก่การใช้ Unicode, HTML Entities, และการคัดลอกวาง…

ใน HTML5 เราสามารถใช้ Symbol Entities หรืออักขระพิเศษ (Entities) เพื่อแสดงอักขระที่ไม่สามารถพิมพ์ได้โดยตรง เช่น เครื่องหมายพิเศษ สัญลักษณ์ทางคณิตศาสตร์ หรืออักขระที่มีความหมายพิเศษในภาษา HTML (เช่น <,…

ใน HTML5 Entities หมายถึงรหัสพิเศษที่ใช้แทนตัวอักษรหรือสัญลักษณ์ที่ไม่สามารถพิมพ์ลงใน HTML โดยตรงได้ เช่น ตัวอักษรที่มีความหมายพิเศษใน HTML อย่าง <, >, หรือสัญลักษณ์เฉพาะ เช่น ตัวอักษรภาษาต่างๆ…