HTML5 การใช้งาน source Tag
<source> Tag ใน HTML5 ใช้เพื่อระบุแหล่งข้อมูลที่หลากหลายให้กับองค์ประกอบสื่อ เช่น <video>, <audio>, และ <picture>…
สอน HTML ตั้งแต่พื้นฐานโครงสร้างเอกสาร การใช้แท็กต่าง ๆ ไปจนถึงเทคนิคการสร้างเว็บไซต์ที่มีโครงสร้างถูกต้อง รองรับการออกแบบ Responsive และเหมาะกับการทำ SEO
<source> Tag ใน HTML5 ใช้เพื่อระบุแหล่งข้อมูลที่หลากหลายให้กับองค์ประกอบสื่อ เช่น <video>, <audio>, และ <picture>…
แท็ก <small> ใน HTML5 ใช้เพื่อระบุข้อความที่มีขนาดเล็กกว่าปกติหรือเป็นข้อความที่ไม่เน้นมาก โดยมักใช้ในการแสดงข้อมูลเสริมหรือข้อความที่เป็นข้อยกเว้น เช่น คำเตือน, ลิขสิทธิ์, หรือคำอธิบายเสริมที่ไม่สำคัญมากนัก…
การใช้งาน <select> ใน HTML5 เป็นการสร้าง “กล่องรายการตัวเลือก” (dropdown list) ให้ผู้ใช้สามารถเลือกค่าได้หนึ่งค่า (หรือหลายค่าในกรณีที่ใช้คุณสมบัติ…
แท็ก <section> ใน HTML5 ใช้เพื่อกำหนดกลุ่มของเนื้อหาที่มีความสัมพันธ์กัน หรือเป็นเนื้อหาที่แยกออกมาเป็นหมวดหมู่ชัดเจน โดยจะเป็นการแยกเนื้อหาเป็นส่วนย่อย ๆ เพื่อให้เนื้อหาดูเป็นระเบียบมากขึ้นและสามารถอธิบายเนื้อหานั้นได้ว่าเกี่ยวข้องกับอะไร ตัวอย่างการใช้งานเช่น…
ใน HTML5, แท็ก <script> ใช้สำหรับการรวมและเรียกใช้โค้ด JavaScript ภายในเว็บเพจ ซึ่งมีหลายรูปแบบการใช้งานขึ้นอยู่กับวิธีการจัดการและการโหลดสคริปต์ การฝัง JavaScript…
ใน HTML5 แท็ก <samp> ใช้สำหรับการแสดงตัวอย่างข้อมูลจากโปรแกรมหรือการส่งคืนผลลัพธ์จากระบบ เช่น ข้อความแสดงผลลัพธ์ของโค้ด ข้อความที่อธิบายการทำงานของคำสั่ง หรือการแสดงผลลัพธ์จากการเรียกใช้งานฟังก์ชัน เป็นต้น…
แท็ก <s> ใน HTML5 ใช้ในการแสดงข้อความที่เป็น “strikethrough” หรือขีดฆ่าข้อความนั้น ๆ โดยทั่วไปจะใช้เพื่อบอกว่าข้อความดังกล่าวไม่เกี่ยวข้องแล้วหรือไม่ถูกต้องอีกต่อไป แต่ยังคงแสดงไว้เพื่อการอ้างอิง…
ใน HTML5 มีการสนับสนุนแท็ก <ruby> ซึ่งใช้เพื่อแสดงคำอธิบายหรือการออกเสียงเพิ่มเติมของข้อความที่เขียนเป็นตัวอักษร เช่น การแสดงฟูริงานะ (furigana) บนตัวอักษรคันจิ (Kanji)…
ใน HTML5 แท็ก <rt> เป็นแท็กที่ใช้กำกับคำอ่านหรือคำอธิบาย (เช่น คำสะกด การออกเสียง) สำหรับตัวอักษรหรือคำที่อยู่ในแท็ก <ruby>…
ใน HTML5 แท็ก <rp> ถูกใช้ในโครงสร้างของข้อความแนวตั้งที่ใช้สำหรับการแสดง ruby annotations ซึ่งเป็นการเขียนคำอธิบายประกอบข้อความ เช่น การเขียนคำอ่านคันจิในภาษาญี่ปุ่น…
ใน HTML5 แท็ก <q> ใช้เพื่อใส่ข้อความอ้างอิงสั้น ๆ หรือ “quotation” ภายในเอกสาร HTML…
แท็ก <progress> ใน HTML5 ถูกใช้เพื่อแสดงความก้าวหน้าของงานหรืองานที่ต้องทำให้เสร็จ เช่น การดาวน์โหลดไฟล์หรือการประมวลผลใดๆ โดยจะแสดงเป็นแถบความคืบหน้าที่ผู้ใช้งานสามารถมองเห็นได้ แต่ไม่สามารถแก้ไขได้ คุณสมบัติหลักของ…
แท็ก <pre> ใน HTML5 ใช้สำหรับการแสดงข้อความหรือเนื้อหาที่จัดรูปแบบไว้ล่วงหน้า (Preformatted Text) โดยข้อความในแท็กนี้จะรักษาช่องว่าง (spaces), การขึ้นบรรทัดใหม่…
ใน HTML5, <picture> tag ถูกใช้เพื่อสร้าง responsive images โดยให้ผู้พัฒนาเว็บสามารถระบุแหล่งที่มา (source) ของรูปภาพที่แตกต่างกันได้ตามเงื่อนไข…
แท็ก <param> ใน HTML5 ใช้สำหรับกำหนดค่าพารามิเตอร์สำหรับวัตถุ (object) เช่น media player, applet…
แท็ก <p> ใน HTML5 ใช้เพื่อสร้าง ย่อหน้า (paragraph) ภายในเอกสาร HTML เป็นหนึ่งในแท็กที่สำคัญที่สุดและใช้บ่อยมากในการจัดรูปแบบเนื้อหา…
แท็ก <output> ใน HTML5 ถูกใช้เพื่อแสดงผลลัพธ์ของการคำนวณหรือการกระทำของผู้ใช้ในแบบฟอร์ม มักใช้ร่วมกับองค์ประกอบแบบฟอร์มเช่น <input>, <select> หรือ <textarea>…
ใน HTML5, แท็ก <option> ใช้ในการสร้างตัวเลือก (option) ภายในแท็ก <select> หรือใช้ร่วมกับ <datalist>…
<optgroup> เป็นแท็กใน HTML5 ที่ใช้เพื่อจัดกลุ่มตัวเลือกภายใน <select> ให้เป็นกลุ่มๆ เพื่อให้การเลือกตัวเลือกเป็นระเบียบและเข้าใจง่ายขึ้น โดยทั่วไปแล้วจะใช้ในกรณีที่ต้องการจัดกลุ่มข้อมูลที่มีความสัมพันธ์กัน เช่น เมนูเลือกประเทศ…
<ol> (Ordered List) ใน HTML5 ใช้สำหรับสร้างรายการที่เรียงลำดับ โดยจะแสดงหมายเลข หรือตัวอักษรนำหน้ารายการ ซึ่งสามารถกำหนดรูปแบบและการจัดลำดับได้หลายแบบตามความต้องการของผู้ใช้งาน รูปแบบการใช้งาน…
<object> ใน HTML5 เป็นแท็กที่ใช้ในการฝังทรัพยากรภายนอกต่าง ๆ ในหน้าเว็บ เช่น ไฟล์ PDF, วิดีโอ,…
<noscript> tag ใน HTML5 ถูกใช้เพื่อแสดงเนื้อหาให้กับผู้ใช้ในกรณีที่เว็บเบราว์เซอร์ของผู้ใช้งานไม่รองรับ JavaScript หรือปิดใช้งาน JavaScript ซึ่งหมายความว่าเนื้อหาภายใน <noscript>…
<nav> tag ใน HTML5 ใช้เพื่อกำหนดกลุ่มของลิงก์นำทาง (navigation links) ในเว็บไซต์ โดยปกติจะใช้สำหรับเมนูหลักของเว็บไซต์หรือในส่วนที่มีการเชื่อมโยงไปยังหน้าอื่น ๆ…
แท็ก <meter> ใน HTML5 ใช้เพื่อแสดงข้อมูลที่เป็นค่าตัวเลขเชิงปริมาณ (quantitative value) โดยทั่วไปจะใช้ในการแสดงค่าความก้าวหน้า (progress) หรือระดับของสิ่งใดสิ่งหนึ่ง…