HTML5 การใช้งาน onbeforeunload Event Attribute
onbeforeunload เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้งานเมื่อผู้ใช้พยายามออกจากหน้าปัจจุบัน เช่น ปิดแท็บ เบราว์เซอร์…
สอน HTML ตั้งแต่พื้นฐานโครงสร้างเอกสาร การใช้แท็กต่าง ๆ ไปจนถึงเทคนิคการสร้างเว็บไซต์ที่มีโครงสร้างถูกต้อง รองรับการออกแบบ Responsive และเหมาะกับการทำ SEO
onbeforeunload เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้งานเมื่อผู้ใช้พยายามออกจากหน้าปัจจุบัน เช่น ปิดแท็บ เบราว์เซอร์…
onbeforeprint เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้งานเมื่อผู้ใช้กำลังจะพิมพ์หน้าเว็บ หรือเปิดหน้าเว็บในโหมดพิมพ์ (print preview)…
onafterprint เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้เมื่อกระบวนการพิมพ์ (Print) เอกสารเสร็จสิ้นแล้ว โดยเหตุการณ์นี้สามารถใช้เพื่อดำเนินการใด…
onload เป็น Event Attribute ใน HTML5 ที่จะถูกเรียกใช้เมื่อมีการโหลดองค์ประกอบ (element) นั้น ๆ…
Server-Sent Events (SSE) เป็นเทคโนโลยีที่อนุญาตให้เซิร์ฟเวอร์ส่งข้อมูลไปยังเว็บเบราว์เซอร์โดยอัตโนมัติเมื่อมีข้อมูลใหม่ โดยไม่จำเป็นที่ฝั่งผู้ใช้จะต้องร้องขอ ซึ่งเป็นการทำงานแบบ push-based เหมาะสำหรับการแจ้งเตือนข้อมูลแบบเรียลไทม์ เช่น ข่าวสาร…
Web Workers API ใน HTML5 ถูกออกแบบมาเพื่อช่วยให้ JavaScript สามารถทำงานเบื้องหลัง (background) โดยไม่ทำให้หน้าเว็บค้างหรือช้าลง…
Web Storage API ใน HTML5 เป็นกลไกในการเก็บข้อมูลฝั่งผู้ใช้ (Client-Side) โดยไม่ต้องใช้คุกกี้ ช่วยให้สามารถเก็บข้อมูลได้มากขึ้นและรวดเร็วยิ่งขึ้น ซึ่งมีอยู่…
Drag and Drop API ใน HTML5 เป็นเครื่องมือที่ช่วยให้ผู้ใช้สามารถลากวาง (drag and drop)…
Geolocation API ใน HTML5 ช่วยให้เราสามารถดึงพิกัดตำแหน่งของผู้ใช้ (เช่น ละติจูดและลองจิจูด) มาใช้งานในเว็บไซต์หรือเว็บแอปพลิเคชันได้ โดยไม่จำเป็นต้องติดตั้งปลั๊กอินเสริม โดยข้อมูลตำแหน่งนี้สามารถนำไปใช้ในหลายสถานการณ์…
การใช้งาน YouTube Video ใน HTML5 สามารถทำได้หลายวิธี โดยสามารถนำไปประยุกต์ใช้ในเว็บเพจได้หลากหลายรูปแบบ เรามาดูกันว่าใช้แบบไหนได้บ้าง การฝัง (Embed)…
การใช้งาน audio ใน HTML5 นั้นช่วยให้เราสามารถแทรกไฟล์เสียงลงในหน้าเว็บได้อย่างง่ายดาย โดย HTML5 ได้เพิ่มแท็ก <audio> สำหรับใช้ในการเล่นเสียง…
ใน HTML5 มีการรองรับการใช้งานวิดีโอผ่านแท็ก <video> โดยไม่ต้องพึ่งปลั๊กอินภายนอกเช่น Flash ซึ่งการใช้งานแท็ก <video> ใน HTML5…
ใน HTML5 มีการปรับปรุงและเพิ่มฟีเจอร์ใหม่ๆ ที่ทำให้การใช้งานสื่อมัลติมีเดีย (Multimedia) สะดวกและเป็นมาตรฐานมากขึ้น โดย Multimedia ใน HTML5…
SVG (Scalable Vector Graphics) เป็นมาตรฐานสำหรับการสร้างภาพกราฟิกแบบเวกเตอร์ที่สามารถขยายหรือย่อได้โดยไม่สูญเสียความคมชัด ซึ่งเป็นมาตรฐานที่กำหนดโดย W3C และเหมาะสมสำหรับการใช้งานใน HTML5 เนื่องจาก…
ใน HTML5, <canvas> เป็นองค์ประกอบที่ใช้ในการวาดกราฟิกผ่านการเขียนโค้ด JavaScript สามารถใช้ในการวาดรูปภาพ กราฟเส้น, การสร้างแอนิเมชัน, เกม, และกราฟิกเชิงโต้ตอบได้…
ใน HTML5 มีประเภทของ <input> ที่หลากหลายเพื่อรองรับการป้อนข้อมูลที่แตกต่างกัน โดยสามารถประยุกต์ใช้ Attribute (คุณลักษณะ) ต่าง ๆ…
HTML5 เพิ่มประเภทของ input หลายรูปแบบที่ช่วยให้เราสามารถสร้างฟอร์มที่มีประสิทธิภาพและใช้งานง่ายมากขึ้น ซึ่ง input ประเภทต่าง ๆ มีดังนี้ text…
Form Elements ใน HTML5 เป็นชุดเครื่องมือที่ช่วยให้ผู้ใช้สามารถกรอกข้อมูลและส่งข้อมูลไปยังเซิร์ฟเวอร์ได้อย่างสะดวก HTML5 ได้เพิ่มความสามารถใหม่ๆ ให้กับฟอร์ม เช่น ชนิดของ…
ใน HTML5 มี Form Attributes หลากหลายรูปแบบที่สามารถใช้ในการควบคุมการทำงานของฟอร์ม เช่น การกำหนดลักษณะของการส่งข้อมูล, การตั้งค่าปลายทาง, การจัดการข้อมูล,…
การใช้งานฟอร์ม (Form) ใน HTML5 เป็นส่วนสำคัญในการรับข้อมูลจากผู้ใช้และส่งข้อมูลไปยังเซิร์ฟเวอร์ โดย HTML5 ได้เพิ่มคุณสมบัติใหม่ๆ ที่ทำให้การสร้างฟอร์มมีความยืดหยุ่นและง่ายขึ้น เราสามารถใช้ฟอร์มในหลายรูปแบบเพื่อเก็บข้อมูลได้หลากหลาย…
HTML (HyperText Markup Language) vs XHTML (Extensible HyperText Markup Language)…
Uniform Resource Locator (URL) เป็นที่อยู่หรือที่ตั้งของทรัพยากรต่างๆ บนอินเทอร์เน็ต ซึ่งใช้ในการอ้างอิงไฟล์ รูปภาพ เอกสาร หรือข้อมูลต่างๆ…
การกำหนด Encoding หรือ Character Sets ใน HTML5 มีความสำคัญอย่างยิ่งในการทำให้หน้าเว็บสามารถแสดงผลข้อความได้อย่างถูกต้อง โดยเฉพาะเมื่อต้องแสดงผลข้อความที่เป็นภาษาต่างๆ เช่น…
การใช้งาน Emoji ใน HTML5 เป็นเรื่องง่ายและช่วยเพิ่มความสนุกและการสื่อสารที่มีความหมายมากขึ้นให้กับเว็บไซต์ ใน HTML5 เราสามารถใช้งาน Emoji ได้หลายวิธี…