การใช้งาน <select> ใน HTML5 เป็นการสร้าง “กล่องรายการตัวเลือก” (dropdown list) ให้ผู้ใช้สามารถเลือกค่าได้หนึ่งค่า (หรือหลายค่าในกรณีที่ใช้คุณสมบัติ multiple) จากรายการที่กำหนดไว้ โดยรายการแต่ละรายการจะถูกกำหนดด้วยแท็ก <option> ที่อยู่ภายในแท็ก…

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

ใน HTML5, แท็ก <script> ใช้สำหรับการรวมและเรียกใช้โค้ด JavaScript ภายในเว็บเพจ ซึ่งมีหลายรูปแบบการใช้งานขึ้นอยู่กับวิธีการจัดการและการโหลดสคริปต์ การฝัง JavaScript ภายในแท็ก <script> รูปแบบนี้คือการเขียนโค้ด JavaScript ภายในไฟล์…

ใน HTML5 แท็ก <samp> ใช้สำหรับการแสดงตัวอย่างข้อมูลจากโปรแกรมหรือการส่งคืนผลลัพธ์จากระบบ เช่น ข้อความแสดงผลลัพธ์ของโค้ด ข้อความที่อธิบายการทำงานของคำสั่ง หรือการแสดงผลลัพธ์จากการเรียกใช้งานฟังก์ชัน เป็นต้น โดยข้อความภายในแท็ก <samp> จะแสดงผลเป็นฟอนต์แบบ fixed-width หรือ…

แท็ก <s> ใน HTML5 ใช้ในการแสดงข้อความที่เป็น “strikethrough” หรือขีดฆ่าข้อความนั้น ๆ โดยทั่วไปจะใช้เพื่อบอกว่าข้อความดังกล่าวไม่เกี่ยวข้องแล้วหรือไม่ถูกต้องอีกต่อไป แต่ยังคงแสดงไว้เพื่อการอ้างอิง ตัวอย่างเช่น การแสดงราคาเก่าที่ถูกยกเลิกไปแล้ว หรือข้อผิดพลาดในข้อความ รูปแบบการใช้งานพื้นฐาน ผลลัพธ์:…

ใน HTML5 มีการสนับสนุนแท็ก <ruby> ซึ่งใช้เพื่อแสดงคำอธิบายหรือการออกเสียงเพิ่มเติมของข้อความที่เขียนเป็นตัวอักษร เช่น การแสดงฟูริงานะ (furigana) บนตัวอักษรคันจิ (Kanji) ในภาษาญี่ปุ่น หรือเพื่อแสดงการออกเสียงพินอิน (Pinyin) ของภาษาจีน โดยโครงสร้างของ…

ใน HTML5 แท็ก <rt> เป็นแท็กที่ใช้กำกับคำอ่านหรือคำอธิบาย (เช่น คำสะกด การออกเสียง) สำหรับตัวอักษรหรือคำที่อยู่ในแท็ก <ruby> ซึ่งส่วนใหญ่จะใช้ในการแสดงคำอ่านพินอินในภาษาจีนหรือฟุริงานะในภาษาญี่ปุ่น แท็ก <rt> มักใช้ร่วมกับ <ruby>…

ใน HTML5 แท็ก <rp> ถูกใช้ในโครงสร้างของข้อความแนวตั้งที่ใช้สำหรับการแสดง ruby annotations ซึ่งเป็นการเขียนคำอธิบายประกอบข้อความ เช่น การเขียนคำอ่านคันจิในภาษาญี่ปุ่น หรือคำอธิบายการออกเสียงอื่น ๆ แท็ก <rp> จะทำงานร่วมกับแท็ก…

ใน HTML5 แท็ก <q> ใช้เพื่อใส่ข้อความอ้างอิงสั้น ๆ หรือ “quotation” ภายในเอกสาร HTML โดยข้อความภายใน <q> มักจะถูกล้อมรอบด้วยเครื่องหมายคำพูด (quotation marks)…

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

แท็ก <pre> ใน HTML5 ใช้สำหรับการแสดงข้อความหรือเนื้อหาที่จัดรูปแบบไว้ล่วงหน้า (Preformatted Text) โดยข้อความในแท็กนี้จะรักษาช่องว่าง (spaces), การขึ้นบรรทัดใหม่ (new lines) และการจัดรูปแบบอื่น ๆ ที่ถูกใส่ไว้ในตัวโค้ด…

ใน HTML5, <picture> tag ถูกใช้เพื่อสร้าง responsive images โดยให้ผู้พัฒนาเว็บสามารถระบุแหล่งที่มา (source) ของรูปภาพที่แตกต่างกันได้ตามเงื่อนไข เช่น ขนาดหน้าจอ ความละเอียดของอุปกรณ์ ฯลฯ <picture>…

แท็ก <param> ใน HTML5 ใช้สำหรับกำหนดค่าพารามิเตอร์สำหรับวัตถุ (object) เช่น media player, applet หรือ plug-in ที่อยู่ภายใน <object> แท็ก…

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

แท็ก <output> ใน HTML5 ถูกใช้เพื่อแสดงผลลัพธ์ของการคำนวณหรือการกระทำของผู้ใช้ในแบบฟอร์ม มักใช้ร่วมกับองค์ประกอบแบบฟอร์มเช่น <input>, <select> หรือ <textarea> โดยปกติจะใช้ JavaScript เพื่ออัปเดตค่าผลลัพธ์ตามอินพุตของผู้ใช้หรือผลการคำนวณอย่างไดนามิก ไวยากรณ์พื้นฐาน แท็ก…

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

<optgroup> เป็นแท็กใน HTML5 ที่ใช้เพื่อจัดกลุ่มตัวเลือกภายใน <select> ให้เป็นกลุ่มๆ เพื่อให้การเลือกตัวเลือกเป็นระเบียบและเข้าใจง่ายขึ้น โดยทั่วไปแล้วจะใช้ในกรณีที่ต้องการจัดกลุ่มข้อมูลที่มีความสัมพันธ์กัน เช่น เมนูเลือกประเทศ เมนูเลือกหมวดหมู่ เป็นต้น การใช้งาน <optgroup> เบื้องต้น…

<ol> (Ordered List) ใน HTML5 ใช้สำหรับสร้างรายการที่เรียงลำดับ โดยจะแสดงหมายเลข หรือตัวอักษรนำหน้ารายการ ซึ่งสามารถกำหนดรูปแบบและการจัดลำดับได้หลายแบบตามความต้องการของผู้ใช้งาน รูปแบบการใช้งาน <ol> ใน HTML5 การสร้างลิสต์แบบเรียงลำดับพื้นฐาน แต่ละรายการจะเริ่มต้นด้วย…

<object> ใน HTML5 เป็นแท็กที่ใช้ในการฝังทรัพยากรภายนอกต่าง ๆ ในหน้าเว็บ เช่น ไฟล์ PDF, วิดีโอ, รูปภาพ หรือเนื้อหาจากเว็บไซต์อื่น ๆ นอกจากนี้ยังใช้สำหรับการฝังแอปพลิเคชัน เช่น…

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

<nav> tag ใน HTML5 ใช้เพื่อกำหนดกลุ่มของลิงก์นำทาง (navigation links) ในเว็บไซต์ โดยปกติจะใช้สำหรับเมนูหลักของเว็บไซต์หรือในส่วนที่มีการเชื่อมโยงไปยังหน้าอื่น ๆ ภายในเว็บไซต์ เช่น header, footer, หรือ…

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

Meta tags ใน HTML5 ใช้สำหรับการให้ข้อมูลเพิ่มเติมเกี่ยวกับเว็บเพจ โดยเฉพาะสำหรับเครื่องมือค้นหา (SEO) และเบราว์เซอร์ต่าง ๆ เพื่อกำหนดค่าที่เกี่ยวข้องกับการทำงานและลักษณะการแสดงผลของเว็บไซต์ Meta tags มักอยู่ใน <head> ของเอกสาร…

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