ใน HTML5 แท็ก <abbr> ใช้สำหรับระบุคำย่อหรืออักษรย่อ เมื่อผู้ใช้วางเมาส์เหนือคำย่อ เบราว์เซอร์สามารถแสดงคำอธิบายแบบเต็มซึ่งถูกระบุไว้ในแอตทริบิวต์ title แท็กนี้ช่วยให้เนื้อหามีความชัดเจนมากขึ้น และยังช่วยปรับปรุง SEO ด้วยการอธิบายคำย่อที่ใช้ รูปแบบการใช้งานพื้นฐาน ข้อสำคัญ ตัวอย่างการใช้งาน…
ใน HTML5 แท็ก <a> (anchor tag) ใช้สำหรับสร้างลิงก์ที่สามารถนำผู้ใช้งานไปยังตำแหน่งอื่นภายในหน้าเว็บ หรือภายนอกเว็บไซต์ รวมถึงการทำปฏิสัมพันธ์อื่นๆ เช่น ดาวน์โหลดไฟล์ หรือการนำทางไปยังจุดหนึ่งในเอกสาร การใช้งานพื้นฐานของ <a> Tag…
แท็ก <!DOCTYPE> ใน HTML5 เป็นการประกาศประเภทของเอกสาร (document type declaration) ที่บอกให้เบราว์เซอร์รู้ว่าเอกสารนี้ใช้มาตรฐาน HTML เวอร์ชันใด เพื่อให้เบราว์เซอร์ประมวลผลและแสดงผลเว็บเพจได้อย่างถูกต้อง ใน HTML5 การประกาศ…
ใน HTML5 คอมเมนต์ (Comment Tag) ใช้ในการใส่คำอธิบายหรือข้อความที่ไม่ต้องการให้แสดงผลบนหน้าเว็บเบราว์เซอร์ โดยคอมเมนต์นี้จะถูกแสดงในโค้ดเพื่อให้ผู้พัฒนาเข้าใจโครงสร้างหรือการทำงานของโค้ดนั้นๆ โดยเบราว์เซอร์จะมองข้ามส่วนนี้ไปเมื่อทำการแสดงผลหน้าเว็บ รูปแบบการเขียนคอมเมนต์ใน HTML การเขียนคอมเมนต์ใน HTML ใช้รูปแบบดังนี้ ทุกอย่างที่อยู่ระหว่าง <!–…
ใน HTML5, onunload เป็นหนึ่งใน Event Attribute ที่ใช้ในการตรวจจับเหตุการณ์ที่เกิดขึ้นเมื่อผู้ใช้กำลังจะออกจากหน้าเว็บ ไม่ว่าจะเป็นการปิดหน้าเว็บ, การโหลดหน้าใหม่ หรือการย้ายไปยังลิงก์อื่นๆ ซึ่ง onunload จะถูกเรียกใช้ก่อนที่หน้าเว็บจะถูกออกจากไป การใช้งาน onunload…
ใน HTML5, onstorage เป็น Event Attribute ที่ทำงานเมื่อมีการเปลี่ยนแปลงข้อมูลใน Web Storage (localStorage หรือ sessionStorage) ในหน้าต่างเบราว์เซอร์อื่น ๆ ที่กำลังเปิดเว็บไซต์เดียวกันนั้นอยู่…
onresize Event Attribute ใน HTML5 เป็นอีเวนต์ที่ใช้ตรวจจับการเปลี่ยนแปลงขนาดของหน้าต่างเบราว์เซอร์หรือขนาดขององค์ประกอบ (element) บางอย่างที่มีขนาดเปลี่ยนแปลง เช่น หากผู้ใช้งานทำการปรับขนาดของหน้าต่างเบราว์เซอร์ เหตุการณ์นี้จะถูกกระตุ้นขึ้น และเราสามารถใช้ JavaScript เพื่อดำเนินการเมื่อขนาดหน้าต่างเปลี่ยนแปลงได้ การใช้งาน…
onpopstate เป็น Event Attribute ใน HTML5 ที่ใช้สำหรับตรวจจับการเปลี่ยนแปลงใน session history ของเบราว์เซอร์ เช่น การกดปุ่ม “Back” หรือ “Forward”…
onpageshow เป็นหนึ่งใน Event Attributes ใน HTML5 ซึ่งถูกเรียกใช้งานเมื่อหน้าเว็บเพจแสดงผลขึ้นมา (ถูกโหลดเสร็จสมบูรณ์) โดยจะถูกกระตุ้นในสองสถานการณ์หลัก onpageshow จะทำงานได้ในแท็ก <body> หรือองค์ประกอบอื่น ๆ ของ…
onpagehide เป็น Event Attribute ใน HTML5 ที่ทำงานเมื่อหน้าถูกซ่อนหรือกำลังจะปิดลง (เช่นเมื่อผู้ใช้ไปที่หน้าใหม่ หรือเปิดแท็บใหม่) โดย Event นี้จะถูกเรียกก่อนที่หน้าเว็บจะถูกซ่อน ทำให้เราสามารถจัดการข้อมูลก่อนที่จะออกจากหน้าหรือทำบางอย่าง เช่น การบันทึกข้อมูล…
ononline เป็น Event Attribute ใน HTML5 ที่ใช้เพื่อตรวจสอบและจัดการเมื่อสถานะของการเชื่อมต่ออินเทอร์เน็ตเปลี่ยนเป็นออนไลน์ ซึ่งเป็นเหตุการณ์หนึ่งในระบบการจัดการสถานะการเชื่อมต่อของเบราว์เซอร์ เพื่อให้ผู้พัฒนาเว็บสามารถตอบสนองต่อการเชื่อมต่อหรือการขาดการเชื่อมต่อได้อย่างมีประสิทธิภาพ วิธีการใช้งาน ononline เราสามารถใช้ ononline ใน HTML…
onoffline และ ononline เป็น Event Attributes ที่ HTML5 มีไว้เพื่อช่วยตรวจจับสถานะการเชื่อมต่ออินเทอร์เน็ตของผู้ใช้ โดยสามารถใช้เพื่อเพิ่มประสิทธิภาพการทำงานของเว็บแอปพลิเคชันที่ต้องการตรวจสอบสถานะการเชื่อมต่อได้ง่าย ๆ ไม่ว่าจะเป็นการเชื่อมต่ออยู่หรือไม่เชื่อมต่อ ซึ่งสามารถใช้งานได้ทั้งในส่วนของ <body> หรือในโค้ด…
onmessage ใน HTML5 เป็น Event Attribute ที่ใช้สำหรับการรับข้อความ (message) ที่ส่งมาจาก Web Workers หรือจากหน้าต่างอื่น (เช่น ผ่าน postMessage()…
onhashchange เป็น event attribute ใน HTML5 ที่จะทำงานเมื่อ URL fragment identifier หรือ hash (ส่วนของ URL ที่อยู่หลังเครื่องหมาย…
onerror ใน HTML5 เป็น event attribute ที่ใช้ในการจัดการข้อผิดพลาดที่เกิดขึ้นในระหว่างการโหลดไฟล์ เช่น การโหลดรูปภาพ, ไฟล์สคริปต์, หรือเอกสารต่างๆ ที่มีข้อผิดพลาด ทำให้ไม่สามารถโหลดหรือประมวลผลได้สำเร็จ การใช้งาน onerror…
onbeforeunload เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้งานเมื่อผู้ใช้พยายามออกจากหน้าปัจจุบัน เช่น ปิดแท็บ เบราว์เซอร์ หรือพยายามไปยัง URL อื่น ๆ ผ่านลิงก์หรือการโหลดใหม่…
onbeforeprint เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้งานเมื่อผู้ใช้กำลังจะพิมพ์หน้าเว็บ หรือเปิดหน้าเว็บในโหมดพิมพ์ (print preview) ก่อนที่กระบวนการพิมพ์จะเริ่มขึ้นจริง การใช้งาน onbeforeprint onbeforeprint ใช้ในการกำหนดฟังก์ชัน…
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 ช่วยให้เราสามารถดึงพิกัดตำแหน่งของผู้ใช้ (เช่น ละติจูดและลองจิจูด) มาใช้งานในเว็บไซต์หรือเว็บแอปพลิเคชันได้ โดยไม่จำเป็นต้องติดตั้งปลั๊กอินเสริม โดยข้อมูลตำแหน่งนี้สามารถนำไปใช้ในหลายสถานการณ์ เช่น ระบบนำทาง, การแสดงผลตำแหน่งบนแผนที่, หรือการแสดงข้อมูลที่เกี่ยวข้องกับตำแหน่งของผู้ใช้ การใช้งาน…