HTML5 การใช้งาน rp Tag
ใน HTML5 แท็ก <rp> ถูกใช้ในโครงสร้างของข้อความแนวตั้งที่ใช้สำหรับการแสดง ruby annotations ซึ่งเป็นการเขียนคำอธิบายประกอบข้อความ เช่น การเขียนคำอ่านคันจิในภาษาญี่ปุ่น หรือคำอธิบายการออกเสียงอื่น ๆ แท็ก <rp> จะทำงานร่วมกับแท็ก…
HTML5 การใช้งาน q Tag
ใน HTML5 แท็ก <q> ใช้เพื่อใส่ข้อความอ้างอิงสั้น ๆ หรือ “quotation” ภายในเอกสาร HTML โดยข้อความภายใน <q> มักจะถูกล้อมรอบด้วยเครื่องหมายคำพูด (quotation marks)…
HTML5 การใช้งาน progress Tag
แท็ก <progress> ใน HTML5 ถูกใช้เพื่อแสดงความก้าวหน้าของงานหรืองานที่ต้องทำให้เสร็จ เช่น การดาวน์โหลดไฟล์หรือการประมวลผลใดๆ โดยจะแสดงเป็นแถบความคืบหน้าที่ผู้ใช้งานสามารถมองเห็นได้ แต่ไม่สามารถแก้ไขได้ คุณสมบัติหลักของ <progress> โครงสร้างพื้นฐานของ <progress> ในตัวอย่างนี้ จะได้แถบความคืบหน้าที่แสดงให้เห็นว่าเสร็จสิ้นไปแล้ว…
HTML5 การใช้งาน pre Tag
แท็ก <pre> ใน HTML5 ใช้สำหรับการแสดงข้อความหรือเนื้อหาที่จัดรูปแบบไว้ล่วงหน้า (Preformatted Text) โดยข้อความในแท็กนี้จะรักษาช่องว่าง (spaces), การขึ้นบรรทัดใหม่ (new lines) และการจัดรูปแบบอื่น ๆ ที่ถูกใส่ไว้ในตัวโค้ด…
HTML5 การใช้งาน picture Tag
ใน HTML5, <picture> tag ถูกใช้เพื่อสร้าง responsive images โดยให้ผู้พัฒนาเว็บสามารถระบุแหล่งที่มา (source) ของรูปภาพที่แตกต่างกันได้ตามเงื่อนไข เช่น ขนาดหน้าจอ ความละเอียดของอุปกรณ์ ฯลฯ <picture>…
HTML5 การใช้งาน param Tag
แท็ก <param> ใน HTML5 ใช้สำหรับกำหนดค่าพารามิเตอร์สำหรับวัตถุ (object) เช่น media player, applet หรือ plug-in ที่อยู่ภายใน <object> แท็ก…
HTML5 การใช้งาน p Tag
แท็ก <p> ใน HTML5 ใช้เพื่อสร้าง ย่อหน้า (paragraph) ภายในเอกสาร HTML เป็นหนึ่งในแท็กที่สำคัญที่สุดและใช้บ่อยมากในการจัดรูปแบบเนื้อหา โดยแท็กนี้ทำหน้าที่แยกกลุ่มข้อความออกจากกันเพื่อให้อ่านง่ายขึ้น โดยไม่ต้องเว้นบรรทัดหรือเพิ่มช่องว่างด้วยการใช้โค้ด HTML เพิ่มเติม โครงสร้างพื้นฐานของแท็ก…
HTML5 การใช้งาน output Tag
แท็ก <output> ใน HTML5 ถูกใช้เพื่อแสดงผลลัพธ์ของการคำนวณหรือการกระทำของผู้ใช้ในแบบฟอร์ม มักใช้ร่วมกับองค์ประกอบแบบฟอร์มเช่น <input>, <select> หรือ <textarea> โดยปกติจะใช้ JavaScript เพื่ออัปเดตค่าผลลัพธ์ตามอินพุตของผู้ใช้หรือผลการคำนวณอย่างไดนามิก ไวยากรณ์พื้นฐาน แท็ก…
HTML5 การใช้งาน option Tag
ใน HTML5, แท็ก <option> ใช้ในการสร้างตัวเลือก (option) ภายในแท็ก <select> หรือใช้ร่วมกับ <datalist> เพื่อสร้างรายการตัวเลือกที่ผู้ใช้สามารถเลือกได้ ตัวเลือกเหล่านี้จะปรากฏเป็นเมนูดรอปดาวน์เมื่อใช้ <select> และเป็นการแนะนำตัวเลือกอัตโนมัติเมื่อใช้กับ <datalist>…
HTML5 การใช้งาน optgroup Tag
<optgroup> เป็นแท็กใน HTML5 ที่ใช้เพื่อจัดกลุ่มตัวเลือกภายใน <select> ให้เป็นกลุ่มๆ เพื่อให้การเลือกตัวเลือกเป็นระเบียบและเข้าใจง่ายขึ้น โดยทั่วไปแล้วจะใช้ในกรณีที่ต้องการจัดกลุ่มข้อมูลที่มีความสัมพันธ์กัน เช่น เมนูเลือกประเทศ เมนูเลือกหมวดหมู่ เป็นต้น การใช้งาน <optgroup> เบื้องต้น…
HTML5 การใช้งาน ol Tag
<ol> (Ordered List) ใน HTML5 ใช้สำหรับสร้างรายการที่เรียงลำดับ โดยจะแสดงหมายเลข หรือตัวอักษรนำหน้ารายการ ซึ่งสามารถกำหนดรูปแบบและการจัดลำดับได้หลายแบบตามความต้องการของผู้ใช้งาน รูปแบบการใช้งาน <ol> ใน HTML5 การสร้างลิสต์แบบเรียงลำดับพื้นฐาน แต่ละรายการจะเริ่มต้นด้วย…
HTML5 การใช้งาน object Tag
<object> ใน HTML5 เป็นแท็กที่ใช้ในการฝังทรัพยากรภายนอกต่าง ๆ ในหน้าเว็บ เช่น ไฟล์ PDF, วิดีโอ, รูปภาพ หรือเนื้อหาจากเว็บไซต์อื่น ๆ นอกจากนี้ยังใช้สำหรับการฝังแอปพลิเคชัน เช่น…
HTML5 การใช้งาน noscript Tag
<noscript> tag ใน HTML5 ถูกใช้เพื่อแสดงเนื้อหาให้กับผู้ใช้ในกรณีที่เว็บเบราว์เซอร์ของผู้ใช้งานไม่รองรับ JavaScript หรือปิดใช้งาน JavaScript ซึ่งหมายความว่าเนื้อหาภายใน <noscript> จะปรากฏขึ้นเมื่อ JavaScript ไม่ทำงาน โดยจะไม่แสดงเนื้อหาภายในเมื่อ JavaScript…
HTML5 การใช้งาน nav Tag
<nav> tag ใน HTML5 ใช้เพื่อกำหนดกลุ่มของลิงก์นำทาง (navigation links) ในเว็บไซต์ โดยปกติจะใช้สำหรับเมนูหลักของเว็บไซต์หรือในส่วนที่มีการเชื่อมโยงไปยังหน้าอื่น ๆ ภายในเว็บไซต์ เช่น header, footer, หรือ…
HTML5 การใช้งาน meter Tag
แท็ก <meter> ใน HTML5 ใช้เพื่อแสดงข้อมูลที่เป็นค่าตัวเลขเชิงปริมาณ (quantitative value) โดยทั่วไปจะใช้ในการแสดงค่าความก้าวหน้า (progress) หรือระดับของสิ่งใดสิ่งหนึ่ง โดยค่าที่แสดงจะต้องเป็นค่าที่อยู่ในขอบเขตที่กำหนด เช่น คะแนน, เปอร์เซ็นต์, หรือระดับการใช้งานต่างๆ…
HTML5 การใช้งาน meta Tag
Meta tags ใน HTML5 ใช้สำหรับการให้ข้อมูลเพิ่มเติมเกี่ยวกับเว็บเพจ โดยเฉพาะสำหรับเครื่องมือค้นหา (SEO) และเบราว์เซอร์ต่าง ๆ เพื่อกำหนดค่าที่เกี่ยวข้องกับการทำงานและลักษณะการแสดงผลของเว็บไซต์ Meta tags มักอยู่ใน <head> ของเอกสาร…
HTML5 การใช้งาน menu Tag
<menu> ใน HTML5 เป็นแท็กที่ใช้เพื่อกำหนดรายการเมนู (menu) หรือกลุ่มของคำสั่ง (commands) ที่ผู้ใช้สามารถเลือกปฏิบัติได้ อย่างไรก็ตาม การใช้งาน <menu> นั้นมีการพัฒนาและปรับเปลี่ยนไปเรื่อย ๆ ในหลายเบราว์เซอร์ปัจจุบัน บางส่วนของการใช้งานจึงอาจจะไม่ได้รับการสนับสนุนอย่างเต็มที่แล้ว…
HTML5 การใช้งาน mark Tag
<mark> tag ใน HTML5 ใช้ในการเน้นข้อความเพื่อแสดงให้ผู้ใช้ทราบว่าข้อความที่อยู่ภายในนั้นมีความสำคัญหรือเกี่ยวข้องกับสิ่งที่ผู้ใช้งานกำลังค้นหา โดยทั่วไปจะใช้เพื่อทำให้ข้อความที่ถูกเน้นมีพื้นหลังเป็นสีเหลือง คล้ายกับการใช้ปากกาไฮไลท์เน้นข้อความในหนังสือ การใช้งาน <mark> Tag การใช้งาน <mark> นั้นค่อนข้างตรงไปตรงมา เพียงแค่ครอบข้อความที่ต้องการเน้นด้วยแท็ก <mark>…
HTML5 การใช้งาน map Tag
ใน HTML5, <map> เป็นแท็กที่ใช้ในการสร้างแผนที่ภาพ (image map) ซึ่งเป็นวิธีการทำให้บางส่วนของรูปภาพเป็นพื้นที่คลิกได้ โดยกำหนดพิกัดบนรูปภาพเพื่อสร้างจุดเชื่อมโยงไปยังลิงก์หรือการกระทำต่าง ๆ แท็ก <map> จะทำงานร่วมกับแท็ก <area> ซึ่งใช้กำหนดพื้นที่คลิกได้บนภาพ โดยรูปภาพที่จะใช้กับ…
HTML5 การใช้งาน main Tag
น HTML5 แท็ก <main> ถูกนำมาใช้เพื่อระบุเนื้อหาหลักของหน้าเว็บเพจ โดยเนื้อหานั้นต้องเป็นข้อมูลที่มีความสำคัญที่สุดในเอกสาร และมีความเป็นเอกลักษณ์ในแต่ละหน้า แท็ก <main> ช่วยให้เครื่องมือค้นหา (เช่น Google) และเทคโนโลยีที่สนับสนุนการเข้าถึง (เช่น screen…
HTML5 การใช้งาน link Tag
ใน HTML5 แท็ก <link> เป็นแท็กที่ใช้สำหรับเชื่อมต่อไฟล์ภายนอกกับหน้าเว็บ โดยเฉพาะอย่างยิ่งไฟล์สไตล์ชีต (CSS) หรือไฟล์ประเภทอื่น ๆ เช่น ไอคอนของเว็บ (favicon) หรือเชื่อมโยงกับรูปแบบการพิมพ์ (print stylesheet)…
HTML5 การใช้งาน li Tag
ใน HTML5 แท็ก <li> (list item) ใช้สำหรับกำหนดรายการในรายการแบบลำดับ (ordered list) หรือไม่มีลำดับ (unordered list) โดยสามารถนำไปใช้ร่วมกับแท็ก <ul> (unordered…
HTML5 การใช้งาน legend Tag
<legend> tag ใน HTML5 ใช้สำหรับกำหนดหัวเรื่องหรือคำอธิบายให้กับกลุ่มของฟอร์มที่อยู่ภายใน <fieldset> tag โดยมีประโยชน์ในการช่วยให้ผู้ใช้งานเข้าใจว่าเนื้อหาภายในกลุ่มฟอร์มนี้เกี่ยวข้องกับอะไร ทำให้เนื้อหาของฟอร์มมีความชัดเจนและจัดกลุ่มเนื้อหาได้ดีขึ้น การใช้งาน <legend> tag ตัวอย่างการใช้งานพื้นฐาน การประยุกต์ใช้งาน <legend>…
HTML5 การใช้งาน label Tag
ใน HTML5, แท็ก <label> ถูกใช้เพื่อเชื่อมโยงกับฟอร์มอินพุต (form input) เช่น ปุ่มหรือฟิลด์กรอกข้อมูล โดยวัตถุประสงค์หลักของ <label> คือทำให้การใช้งานฟอร์มสะดวกและเข้าถึงได้ง่ายขึ้น ทั้งนี้ <label> ช่วยให้ผู้ใช้สามารถคลิกที่ข้อความของฟอร์มเพื่อเน้น…