ใน 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)…
ใน HTML5 แท็ก <base> ใช้เพื่อกำหนด URL พื้นฐานสำหรับลิงก์ทั้งหมดในเอกสารเว็บเพจ โดยจะถูกใช้ในกรณีที่ลิงก์ภายในเอกสารนั้นใช้ URL ที่สัมพันธ์กัน (Relative URL) เพื่อให้บราวเซอร์สามารถประมวลผลลิงก์เหล่านั้นได้ถูกต้องเมื่อมีการกำหนด URL พื้นฐานไว้…
แท็ก <b> ใน HTML5 ใช้สำหรับทำให้ข้อความเป็นตัวหนา (bold) โดย ไม่เน้นความสำคัญ ของข้อความนั้นๆ ต่างจากแท็ก <strong> ที่ทำให้ข้อความเป็นตัวหนาพร้อมกับเน้นความสำคัญ นั่นหมายความว่าแท็ก <b> ใช้เพื่อจุดประสงค์ทางด้านการมองเห็นมากกว่าความหมาย…
การใช้งาน <audio> tag ใน HTML5 เป็นการแสดงเสียงหรือไฟล์เสียงในหน้าเว็บ โดยมีรูปแบบการทำงานที่หลากหลาย รวมถึงคุณสมบัติที่สามารถปรับแต่งได้ตามความต้องการของผู้พัฒนา พื้นฐานของ <audio> Tag <audio> tag ใช้สำหรับฝังไฟล์เสียงลงในหน้าเว็บ HTML…
ใน HTML5, แท็ก <aside> ใช้เพื่อแสดงข้อมูลที่เกี่ยวข้องแต่ไม่ใช่ส่วนหลักของเนื้อหาบนหน้าเว็บ แท็กนี้มักใช้สำหรับการแสดงข้อมูลเพิ่มเติม เช่น บทความที่เกี่ยวข้อง, ลิงก์เพิ่มเติม, โฆษณา หรือข้อมูลข้างเคียงอื่นๆ ที่เสริมให้กับเนื้อหาหลัก ตัวอย่างการใช้งาน <aside> ข้อมูลที่เกี่ยวข้องกับบทความหลัก…
<article> ใน HTML5 ใช้เพื่อระบุส่วนหนึ่งของเนื้อหาที่เป็นอิสระและมีความหมายในตัวเอง ซึ่งเนื้อหาเหล่านี้ควรเป็นข้อมูลที่สมบูรณ์หรือสามารถถูกนำไปแสดงในบริบทอื่น ๆ โดยไม่สูญเสียความหมาย เช่น บทความในข่าว บล็อกโพสต์ ความคิดเห็น ฯลฯ การใช้งานทั่วไปของ <article> บทความในเว็บบล็อก…
ใน HTML5 แท็ก <area> ใช้ร่วมกับแท็ก <map> เพื่อกำหนดพื้นที่ที่เป็นลิงก์หรือมีการโต้ตอบในรูปภาพที่ใช้แท็ก <img> โดยพื้นฐานการใช้งานของ <area> คือการสร้างพื้นที่บนภาพที่สามารถคลิกหรือทำการโต้ตอบได้ เช่น การนำไปยังลิงก์ที่กำหนดหรือแสดงข้อมูลเพิ่มเติม แท็ก <area>…
แท็ก <address> ใน HTML5 ใช้สำหรับการกำหนดข้อมูลติดต่อของผู้เขียนหรือเจ้าของเอกสารหรือบทความ ซึ่งข้อมูลที่อยู่ภายในแท็ก <address> มักเป็นข้อมูลที่เกี่ยวข้องกับรายละเอียดการติดต่อ เช่น อีเมล ที่อยู่ เบอร์โทรศัพท์ หรือ URL ของเว็บไซต์…