<mark> tag ใน HTML5 ใช้ในการเน้นข้อความเพื่อแสดงให้ผู้ใช้ทราบว่าข้อความที่อยู่ภายในนั้นมีความสำคัญหรือเกี่ยวข้องกับสิ่งที่ผู้ใช้งานกำลังค้นหา โดยทั่วไปจะใช้เพื่อทำให้ข้อความที่ถูกเน้นมีพื้นหลังเป็นสีเหลือง คล้ายกับการใช้ปากกาไฮไลท์เน้นข้อความในหนังสือ การใช้งาน <mark> Tag การใช้งาน <mark> นั้นค่อนข้างตรงไปตรงมา เพียงแค่ครอบข้อความที่ต้องการเน้นด้วยแท็ก <mark>…
ใน HTML5, <map> เป็นแท็กที่ใช้ในการสร้างแผนที่ภาพ (image map) ซึ่งเป็นวิธีการทำให้บางส่วนของรูปภาพเป็นพื้นที่คลิกได้ โดยกำหนดพิกัดบนรูปภาพเพื่อสร้างจุดเชื่อมโยงไปยังลิงก์หรือการกระทำต่าง ๆ แท็ก <map> จะทำงานร่วมกับแท็ก <area> ซึ่งใช้กำหนดพื้นที่คลิกได้บนภาพ โดยรูปภาพที่จะใช้กับ…
น HTML5 แท็ก <main> ถูกนำมาใช้เพื่อระบุเนื้อหาหลักของหน้าเว็บเพจ โดยเนื้อหานั้นต้องเป็นข้อมูลที่มีความสำคัญที่สุดในเอกสาร และมีความเป็นเอกลักษณ์ในแต่ละหน้า แท็ก <main> ช่วยให้เครื่องมือค้นหา (เช่น Google) และเทคโนโลยีที่สนับสนุนการเข้าถึง (เช่น screen…
ใน HTML5 แท็ก <link> เป็นแท็กที่ใช้สำหรับเชื่อมต่อไฟล์ภายนอกกับหน้าเว็บ โดยเฉพาะอย่างยิ่งไฟล์สไตล์ชีต (CSS) หรือไฟล์ประเภทอื่น ๆ เช่น ไอคอนของเว็บ (favicon) หรือเชื่อมโยงกับรูปแบบการพิมพ์ (print stylesheet)…
ใน HTML5 แท็ก <li> (list item) ใช้สำหรับกำหนดรายการในรายการแบบลำดับ (ordered list) หรือไม่มีลำดับ (unordered list) โดยสามารถนำไปใช้ร่วมกับแท็ก <ul> (unordered…
<legend> tag ใน HTML5 ใช้สำหรับกำหนดหัวเรื่องหรือคำอธิบายให้กับกลุ่มของฟอร์มที่อยู่ภายใน <fieldset> tag โดยมีประโยชน์ในการช่วยให้ผู้ใช้งานเข้าใจว่าเนื้อหาภายในกลุ่มฟอร์มนี้เกี่ยวข้องกับอะไร ทำให้เนื้อหาของฟอร์มมีความชัดเจนและจัดกลุ่มเนื้อหาได้ดีขึ้น การใช้งาน <legend> tag ตัวอย่างการใช้งานพื้นฐาน การประยุกต์ใช้งาน <legend>…
ใน HTML5, แท็ก <label> ถูกใช้เพื่อเชื่อมโยงกับฟอร์มอินพุต (form input) เช่น ปุ่มหรือฟิลด์กรอกข้อมูล โดยวัตถุประสงค์หลักของ <label> คือทำให้การใช้งานฟอร์มสะดวกและเข้าถึงได้ง่ายขึ้น ทั้งนี้ <label> ช่วยให้ผู้ใช้สามารถคลิกที่ข้อความของฟอร์มเพื่อเน้น…
แท็ก <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> ตัวอย่างการใช้งาน จัดกลุ่มแบบฟอร์มที่เกี่ยวข้องกัน ในตัวอย่างนี้เราใช้…