แท็ก <kbd> ใน HTML5 ใช้เพื่อระบุข้อความที่แสดงถึงการกดแป้นพิมพ์ (keyboard input) ซึ่งเป็นวิธีหนึ่งที่นักพัฒนาเว็บไซต์ใช้เพื่อเน้นข้อความที่เกี่ยวข้องกับการกดปุ่มคีย์บอร์ด โดยทั่วไปจะใช้ในการแสดงคู่มือการใช้งานหรือขั้นตอนที่ต้องการการกดแป้นพิมพ์ เช่น การแสดงปุ่มลัด (shortcuts) หรือคำสั่งที่ผู้ใช้ต้องกดบนคีย์บอร์ด รูปแบบการใช้งาน <kbd>…
แท็ก <ins> ใน HTML5 ใช้สำหรับการระบุข้อความที่ถูก “เพิ่ม” เข้าไปในเอกสาร โดยจะใช้แสดงข้อความที่เพิ่มใหม่ หรือใช้เมื่อมีการเปลี่ยนแปลงเนื้อหาภายในเอกสาร โดยทั่วไปเว็บเบราว์เซอร์จะแสดงข้อความภายใน <ins> ด้วยการขีดเส้นใต้ รูปแบบการใช้งาน คุณสมบัติ (Attributes)…
ใน HTML5 แท็ก <input> ใช้สำหรับรับข้อมูลจากผู้ใช้ในหลายรูปแบบ ไม่ว่าจะเป็นการพิมพ์ข้อความ การเลือกวันที่ การอัปโหลดไฟล์ และอื่น ๆ โดยมีประเภท (type) หลายแบบที่สามารถประยุกต์ใช้ได้ตามความต้องการ รูปแบบการใช้งาน <input>…
ใน HTML5 แท็ก <img> ใช้ในการแทรกรูปภาพลงในหน้าเว็บ โดยเป็นแท็กที่ไม่ต้องมีแท็กปิด (self-closing tag) และจะต้องมีแอตทริบิวต์ src เพื่อระบุที่อยู่ของรูปภาพ นอกจากนี้ยังมีแอตทริบิวต์ต่างๆ ที่สามารถใช้ในการปรับแต่งหรือปรับปรุงการแสดงผลของรูปภาพได้ รูปแบบการใช้งานแท็ก <img>…
<iframe> (Inline Frame) ใน HTML5 ใช้สำหรับฝังเนื้อหาจากเว็บอื่น ๆ หรือเนื้อหาภายในเว็บไซต์เดียวกันโดยไม่ต้องออกจากหน้าเว็บที่กำลังเปิดอยู่ เช่น การฝังวิดีโอจาก YouTube, แผนที่จาก Google Maps หรือเว็บเพจอื่น…
ใน HTML5 แท็ก <i> ใช้เพื่อแสดงข้อความเป็น italic (ตัวเอียง) หรือเพื่อเน้นการแสดงผลในเชิงความหมายมากกว่าการเปลี่ยนรูปลักษณ์เพียงอย่างเดียว การใช้งาน <i> ใน HTML5 การเน้นคำแบบเชิงสัญลักษณ์: ใช้เพื่อแสดงคำที่มีความสำคัญในเชิงสัญลักษณ์ เช่น…
html> tag เป็น tag ที่สำคัญมากในเอกสาร HTML ซึ่งเป็นตัวกำหนดจุดเริ่มต้นของเอกสาร HTML ทั้งหมด การใช้งาน <html> ใน HTML5 นั้นมีการปรับปรุงหลายด้าน เช่น…
ใน HTML5 แท็ก <hr> ใช้สำหรับการสร้างเส้นคั่น (horizontal rule) ซึ่งมักใช้เพื่อแบ่งส่วนของเนื้อหาหรือเพื่อแยกกลุ่มของเนื้อหาในหน้าเว็บให้ดูชัดเจนขึ้น โดยแท็กนี้เป็นแท็กที่ไม่มีการปิด (self-closing) และไม่ต้องใส่ข้อความใดๆ ภายใน คุณสมบัติพื้นฐานของ <hr> ตัวอย่างการใช้งานพื้นฐานของ…
ใน HTML5 แท็ก <hgroup> ถูกใช้เพื่อจัดกลุ่มหัวเรื่อง (headings) ที่เกี่ยวข้องกันเป็นกลุ่มเดียว เช่น การจัดกลุ่ม <h1>, <h2> หรือ <h3> เพื่อให้เบราว์เซอร์และเครื่องมือการเข้าถึง (เช่น…
ใน HTML5 แท็ก <header> ใช้สำหรับกำหนดส่วนหัวของหน้าเว็บหรือส่วนหนึ่งของเนื้อหา ซึ่งมักประกอบด้วยข้อมูลอย่างเช่น โลโก้ ชื่อเรื่อง หรือเมนูนำทาง โดยสามารถใช้ได้ทั้งในระดับของหน้าเว็บ (global header) หรือในส่วนย่อยๆ ของเนื้อหา (sectional…
<head> tag ใน HTML5 ใช้สำหรับเก็บข้อมูลที่เกี่ยวข้องกับ metadata ของเว็บเพจ เช่น ชื่อเว็บเพจ การเชื่อมโยงไปยังไฟล์ CSS, JavaScript, ไอคอน, และข้อมูลอื่นๆ ที่ไม่แสดงผลบนหน้าเว็บโดยตรง…
ใน HTML5 แท็ก <h1> ถึง <h6> ใช้สำหรับแสดงหัวข้อ (heading) ของหน้าเว็บ โดยมีระดับความสำคัญจากมากไปน้อย เริ่มจาก <h1> ซึ่งเป็นหัวข้อที่สำคัญที่สุด และลดลงเรื่อย ๆ…
<form> ใน HTML5 เป็นแท็กที่ใช้สร้างฟอร์มสำหรับการกรอกข้อมูล โดยจะใช้ส่งข้อมูลไปยังเซิร์ฟเวอร์หรือใช้สำหรับการประมวลผลข้อมูลในฝั่งไคลเอนต์ รูปแบบและการทำงานของฟอร์มมีหลายแบบที่สามารถนำไปประยุกต์ใช้งานได้หลากหลายขึ้นอยู่กับความต้องการของผู้ใช้ โครงสร้างพื้นฐานของ <form> อธิบายแอตทริบิวต์หลัก ตัวอย่างการใช้งาน ฟอร์มพื้นฐานสำหรับส่งข้อมูล ฟอร์มนี้จะส่งชื่อผู้ใช้และรหัสผ่านไปที่ URL /submit โดยใช้วิธี…
น HTML5 แท็ก <footer> ใช้สำหรับกำหนดส่วนท้ายของเอกสารหรือส่วนประกอบต่าง ๆ ของหน้าเว็บ เช่น บทความ หัวข้อหลัก หรือส่วนย่อย ๆ ของเนื้อหา แท็กนี้มักประกอบไปด้วยข้อมูล เช่น…
ใน HTML5, แท็ก <figure> ถูกนำมาใช้เพื่อห่อหุ้มเนื้อหาที่เกี่ยวกับสื่อ เช่น รูปภาพ แผนภูมิ ตาราง หรือโค้ด เพื่อบอกว่าเนื้อหานั้นเป็นเนื้อหาที่สามารถมีคำบรรยายได้ (caption) ผ่านแท็ก <figcaption> การใช้งาน…
แท็ก <figcaption> ใน HTML5 ถูกใช้เพื่อกำหนดคำอธิบายสำหรับองค์ประกอบ <figure> ซึ่งมักใช้ร่วมกับรูปภาพ วิดีโอ แผนภูมิ หรือเนื้อหาอื่นๆ ที่ต้องการการอธิบายเพิ่มเติม แท็ก <figcaption> จะช่วยให้สามารถเพิ่มคำอธิบายหรือคำบรรยายที่เชื่อมโยงกับเนื้อหาภายใน <figure>…
<fieldset> เป็นแท็กที่ใช้ใน HTML5 เพื่อจัดกลุ่มของฟอร์มควบคุม (form controls) หรือองค์ประกอบต่าง ๆ ที่เกี่ยวข้องในฟอร์มเดียวกัน ช่วยในการแยกข้อมูลที่เกี่ยวข้องกันเป็นหมวดหมู่ให้ดูมีระเบียบและเข้าใจง่ายขึ้น การใช้งาน <fieldset> ตัวอย่างการใช้งาน จัดกลุ่มแบบฟอร์มที่เกี่ยวข้องกัน ในตัวอย่างนี้เราใช้…
ใน 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 ซึ่งมีประโยชน์สำหรับเครื่องมือค้นหาและเครื่องมือช่วยเหลือสำหรับการเข้าถึง (เช่น โปรแกรมอ่านหน้าจอ)…