สำหรับองค์ประกอบ HTML ส่วนใหญ่คุณจะเริ่มต้นด้วยแท็กเปิดและลงท้ายด้วยแท็กปิด ระหว่างสองแท็กเนื้อหาขององค์ประกอบจะปรากฏขึ้น ตัวอย่างเช่น:
นี่คือข้อความค
องค์ประกอบย่อหน้าที่เรียบง่ายแสดงวิธีใช้แท็กเปิดและแท็กปิด องค์ประกอบ HTML ส่วนใหญ่เป็นไปตามรูปแบบเดียวกันนี้ แต่แท็ก HTML หลายแท็กไม่มีทั้งแท็กเปิดและแท็กปิด
Void Element คืออะไร?
องค์ประกอบโมฆะหรือแท็กเดี่ยวใน HTML ไม่จำเป็นต้องมีแท็กปิดจึงจะถูกต้อง องค์ประกอบเหล่านี้มักจะเป็นองค์ประกอบที่โดดเด่นอยู่คนเดียวบนหน้าหรือจุดสิ้นสุดของเนื้อหาที่ชัดเจนจากบริบทของหน้า
รายการ HTML Void Elements
แท็ก HTML 5 หลายแท็กเป็นองค์ประกอบโมฆะ เมื่อคุณเขียน HTML ที่ถูกต้องคุณควรเว้นเครื่องหมายทับสำหรับแท็กเหล่านี้ตามที่แสดงด้านล่าง อย่างไรก็ตามจำเป็นต้องใช้เครื่องหมายทับต่อท้ายสำหรับ XHTML ที่ถูกต้อง
- : ใช้สำหรับพื้นที่ด้านในของแผนที่รูปภาพ
- : URL พื้นฐานสำหรับ URL สัมพัทธ์ทั้งหมดในเอกสาร สามารถมีได้ไม่เกินหนึ่งรายการต่อเอกสารและต้องอยู่ในส่วนหัวของหน้า
- : ตัวแบ่งบรรทัดมักใช้ในเนื้อหาข้อความเพื่อสร้างตัวแบ่งบรรทัดเดียวแทนที่จะเป็นย่อหน้า ไม่ควรใช้เพื่อสร้างการแยกภาพบนเพจโดยการซ้อนกันหลาย ๆ แท็กเนื่องจากฟังก์ชันนั้นเป็นความต้องการด้านภาพดังนั้นโดเมนของ CSS แทนที่จะเป็น HTML
- : ระบุคุณสมบัติของคอลัมน์สำหรับแต่ละคอลัมน์ภายใน a ธาตุ.
- : ระบุคำสั่งที่ผู้เยี่ยมชมสามารถเรียกใช้
- : ใช้กับแอปพลิเคชันภายนอกและเนื้อหาแบบโต้ตอบสำหรับการรวมเข้าด้วยกัน
- : กฎแนวนอนซึ่งเป็นเส้นตรงบนหน้ากระดาษ ในหลายกรณีเส้นขอบ CSS จะสร้างเส้นคั่นแทนองค์ประกอบ HTML นี้
- : หนึ่งในองค์ประกอบม้างานของ HTML นี่คือแท็กรูปภาพ ใช้เพื่อเพิ่มรูปภาพกราฟิกลงในเว็บเพจ
- : องค์ประกอบแบบฟอร์มที่ใช้ในการรวบรวมข้อมูลจากผู้เยี่ยมชม มีประเภทอินพุตที่ถูกต้องหลายประเภทตั้งแต่อินพุต "ข้อความ" ทั่วไปที่ใช้ในรูปแบบมานานหลายปีไปจนถึงประเภทอินพุตใหม่บางประเภทที่เป็นส่วนหนึ่งของ HTML5
- : แท็กนี้สร้างฟิลด์ตัวสร้างคู่คีย์ที่ใช้สำหรับฟอร์ม
- : เพื่อไม่ให้สับสนกับ แท็ก "ไฮเปอร์ลิงก์" หรือ anchor ( ) ลิงก์นี้มีไว้เพื่อตั้งค่าการเชื่อมโยงระหว่างเอกสารและทรัพยากรภายนอก ใช้เพื่อลิงก์ไปยังไฟล์ CSS ภายนอกเช่น
- : เมตาแท็กคือ "ข้อมูลเกี่ยวกับเนื้อหา" อยู่ในส่วนหัวของเอกสารและใช้เพื่อถ่ายทอดข้อมูลเพจไปยังเบราว์เซอร์ มีเมตาแท็กต่างๆมากมายที่คุณสามารถใช้ได้บนหน้าเว็บ
- : ใช้เพื่อกำหนดพารามิเตอร์สำหรับปลั๊กอิน
- : แท็กนี้ช่วยให้คุณระบุเส้นทางไฟล์ทางเลือกสำหรับสื่อบนเพจของคุณรวมถึงวิดีโอหรือรูปภาพหรือไฟล์เสียง
- : แท็กนี้ตั้งค่าแทร็กที่จะใช้กับไฟล์สื่อวิดีโอหรือเสียงซึ่งมักจะถูกเพิ่มเข้าไปในไฟล์ หรือ แท็ก
- : ย่อมาจาก Word Break Opportunity ระบุตำแหน่งในบล็อกข้อความที่สามารถเพิ่มตัวแบ่งบรรทัดได้