ใน HTML5 แท็ก <embed> ใช้ในการฝังหรือแสดงเนื้อหาภายนอก เช่น ไฟล์วิดีโอ ไฟล์เสียง ไฟล์ PDF และแอปพลิเคชันที่สร้างจากปลั๊กอิน (เช่น Flash) ลงในหน้าเว็บ แท็กนี้เป็นแบบ…

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

แท็ก <dt> ใน HTML5 เป็นส่วนหนึ่งของการสร้างรายการคำศัพท์ (Description List) ซึ่งใช้งานคู่กับแท็ก <dl> (Description List) และ <dd> (Description Definition)…

แท็ก <dl> ใน HTML5 ใช้สำหรับสร้าง Description List หรือรายการที่ใช้ในการจับคู่ระหว่างคำศัพท์และคำอธิบาย แท็กนี้เหมาะสำหรับแสดงข้อมูลที่มีความสัมพันธ์แบบ “คำศัพท์-คำอธิบาย” โดยมีการใช้แท็กย่อยสองชนิด ได้แก่ โครงสร้างพื้นฐาน ตัวอย่างการใช้งานพื้นฐาน รูปแบบการใช้งานต่างๆ…

ใน HTML5 แท็ก <div> (ย่อมาจาก division) ใช้ในการจัดกลุ่มเนื้อหาหรือองค์ประกอบต่าง ๆ บนหน้าเว็บ โดยไม่มีความหมายเชิงเนื้อหาเหมือนแท็กอื่น ๆ เช่น <header> หรือ <article>…

แท็ก <dialog> ใน HTML5 ถูกใช้สำหรับการสร้างกล่องสนทนา (dialog box) เช่น หน้าต่างแจ้งเตือน (alert), หน้าต่างยืนยัน (confirmation dialog), หรือฟอร์มป๊อปอัป (popup…

<dfn> (definition) tag ใน HTML5 ถูกใช้เพื่อระบุว่าคำหรือวลีที่อยู่ภายในแท็กนั้นเป็นคำศัพท์หรือคำที่กำลังถูกนิยามหรืออธิบาย โดยทั่วไปมักใช้ในบทความที่อธิบายคำเฉพาะทางหรือเทคนิคต่าง ๆ การใช้แท็กนี้ช่วยเพิ่มความหมายทางเชิงโครงสร้าง (semantic) ให้กับเอกสาร HTML ซึ่งมีประโยชน์สำหรับเครื่องมือค้นหาและเครื่องมือช่วยเหลือสำหรับการเข้าถึง (เช่น โปรแกรมอ่านหน้าจอ)…

ใน HTML5, แท็ก <details> ใช้สำหรับการสร้างส่วนที่สามารถแสดงหรือซ่อนเนื้อหาได้เมื่อผู้ใช้งานคลิก โดยปกติจะแสดงข้อมูลเสริม หรือคำอธิบายเพิ่มเติมที่สามารถเปิด-ปิดได้โดยง่าย ซึ่งมักใช้ในการสร้าง FAQ, รายการแบบ collapsible หรือแสดงเนื้อหาที่เป็นทางเลือก โครงสร้างพื้นฐานของแท็ก <details> เมื่อคลิกที่…

ใน HTML5 แท็ก <del> ถูกใช้เพื่อแสดงข้อความที่ถูกลบหรือยกเลิกการใช้งาน ซึ่งข้อความที่อยู่ภายในแท็กนี้จะมีการขีดฆ่า (strikethrough) เพื่อแสดงว่ามันไม่ถูกต้องหรือไม่เป็นปัจจุบันอีกต่อไป การใช้งานทั่วไปของ <del> ในตัวอย่างนี้ คำว่า “wrong” จะถูกขีดฆ่าแสดงให้เห็นว่าข้อมูลนี้ไม่ถูกต้องแล้ว การใช้งานร่วมกับแอตทริบิวต์…

<dd> เป็นแท็กใน HTML5 ที่ใช้สำหรับกำหนดคำอธิบายหรือรายละเอียดของรายการใน <dl> (Description List) ซึ่งใช้ร่วมกับแท็ก <dt> ที่ใช้สำหรับรายการ (term) ที่ต้องการอธิบาย ความสัมพันธ์ระหว่าง <dt> กับ…

แท็ก <datalist> ใน HTML5 ใช้เพื่อสร้างรายการตัวเลือก (option list) ที่สามารถกรอกหรือเลือกได้ในฟอร์ม โดยการใช้งานแท็ก <datalist> มักจะถูกใช้ร่วมกับอินพุต <input> ที่มีการกำหนดค่า list ให้ตรงกับค่า…

ใน HTML5 แท็ก <data> ถูกใช้งานเพื่อเชื่อมโยงข้อมูลที่สามารถอ่านได้โดยมนุษย์กับข้อมูลในรูปแบบที่เครื่องสามารถอ่านได้ แท็กนี้มีประโยชน์เมื่อเราต้องการแสดงผลข้อมูลที่มนุษย์อ่านได้ เช่น คำหรือวลี และเชื่อมโยงกับข้อมูลในรูปแบบที่ระบบหรือโปรแกรมสามารถอ่านได้ เช่น รหัสตัวเลขหรือรหัสเฉพาะ รูปแบบการใช้งาน ตัวอย่างที่ 1: การใช้งานพื้นฐาน…

<colgroup> เป็นแท็กใน HTML5 ที่ใช้ในการจัดกลุ่มและกำหนดคุณสมบัติให้กับคอลัมน์ในตาราง โดยเฉพาะอย่างยิ่งสำหรับการจัดรูปแบบคอลัมน์ เช่น การกำหนดความกว้าง (width) หรือการจัดตำแหน่ง (align) ของคอลัมน์เหล่านั้น รูปแบบการใช้งาน <colgroup> ใช้งาน <colgroup>…

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

ใน HTML5 แท็ก <code> ใช้สำหรับการแสดงโค้ดโปรแกรมหรือข้อความที่มีรูปแบบเป็นโค้ด ซึ่งเป็นส่วนหนึ่งของข้อความที่อยู่ในหน้าเว็บ แท็กนี้ช่วยในการจัดรูปแบบข้อความให้เหมาะสมสำหรับการแสดงโค้ด โดยส่วนใหญ่จะใช้เพื่อแสดงโค้ดที่มีลักษณะเป็นโค้ดโปรแกรม ไม่ว่าจะเป็นภาษาใดก็ตาม เช่น HTML, JavaScript, Python, PHP เป็นต้น…

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

ใน HTML5 แท็ก <caption> ใช้สำหรับระบุคำอธิบายหรือตั้งชื่อให้กับตาราง (table) โดยต้องเป็นลูกของแท็ก <table> เท่านั้น คำอธิบายที่อยู่ในแท็ก <caption> มักจะถูกแสดงอยู่ด้านบนของตาราง แต่ตำแหน่งสามารถเปลี่ยนได้ตามการจัดรูปแบบโดย CSS รูปแบบการใช้งานแท็ก…

canvas เป็นแท็กที่ถูกนำมาใช้ใน HTML5 เพื่อแสดงผลภาพกราฟิกแบบ 2 มิติหรือ 3 มิติ โดยสามารถวาดรูปต่างๆ เช่น เส้น รูปร่าง กราฟ หรือภาพเคลื่อนไหวได้ โดยใช้…

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

แท็ก <br> (ย่อมาจาก “break”) ใช้สำหรับขึ้นบรรทัดใหม่ในเนื้อหาโดยไม่มีการสร้างย่อหน้าใหม่หรือองค์ประกอบบล็อกเพิ่มเติม เหมาะกับการใช้งานเมื่อเราต้องการทำให้ข้อความแสดงผลในรูปแบบที่บรรทัดถูกแยกออกโดยไม่ต้องใช้ <p> หรือแท็กบล็อกอื่น ๆ รูปแบบการใช้งานแท็ก <br> การขึ้นบรรทัดใหม่ในเนื้อหาที่ต่อเนื่องกัน ใช้ในกรณีที่ต้องการทำให้บรรทัดต่อไปแสดงผลต่อเนื่องจากบรรทัดเดิม แต่แยกออกเป็นคนละบรรทัด การใช้งาน…

ใน HTML5 แท็ก <body> ใช้เพื่อกำหนดส่วนของเนื้อหาหลัก (main content) ของเอกสาร HTML ซึ่งเป็นส่วนที่แสดงให้ผู้ใช้เห็นบนเบราว์เซอร์ แท็กนี้อยู่ภายในแท็ก <html> และนอกแท็ก <head> โดยจะประกอบด้วยข้อมูลที่สามารถมองเห็นหรือมีการโต้ตอบได้…

<blockquote> เป็นแท็กใน HTML5 ที่ใช้สำหรับการแสดงข้อความที่เป็นการอ้างอิง (quotation) จากแหล่งอื่น ๆ โดยปกติจะใช้เมื่อเราต้องการแสดงเนื้อหาที่อ้างอิงมาจากแหล่งภายนอก เช่น หนังสือ บทความ หรือข้อความจากบุคคลอื่น การใช้งาน <blockquote> สามารถทำได้หลายรูปแบบ…

แท็ก <bdo> (Bi-Directional Override) ใน HTML5 ใช้สำหรับการกำหนดทิศทางการแสดงผลของข้อความ โดยปกติแล้ว ภาษาส่วนใหญ่จะถูกแสดงผลจากซ้ายไปขวา (Left-to-Right หรือ LTR) แต่ในบางภาษา เช่น ภาษาอาหรับหรือภาษาฮีบรู…

<bdi> (Bidirectional Isolation) เป็นแท็กใน HTML5 ที่ใช้เพื่อควบคุมทิศทางการแสดงผลข้อความในเอกสาร HTML โดยเฉพาะในกรณีที่ต้องรองรับข้อความที่มีการใช้ภาษาที่มีทิศทางการเขียนต่างกัน เช่น ภาษาอังกฤษที่เขียนจากซ้ายไปขวา (LTR – Left to Right)…