แท็ก HTML Singleton พร้อมแท็กปิดบัญชี

สำหรับองค์ประกอบ HTML ส่วนใหญ่เมื่อคุณเขียนโค้ด HTML เพื่อแสดงบนหน้าเว็บคุณจะเริ่มต้นด้วยแท็กเปิดและลงท้ายด้วยแท็กปิด ระหว่างแท็กทั้งสองจะเป็นเนื้อหาขององค์ประกอบ ตัวอย่างเช่น:

นี่เป็นเนื้อหาข้อความ

องค์ประกอบย่อหน้าที่เรียบง่ายแสดงให้เห็นว่าการเปิดและแท็กปิดจะใช้อย่างไร องค์ประกอบ HTML ส่วนใหญ่จะใช้รูปแบบเดียวกันนี้ แต่มีแท็ก HTML จำนวนมากที่ไม่มีทั้งแท็กเปิดและแท็กปิด

Void Element คืออะไร?

องค์ประกอบโมฆะหรือแท็ก singleton ใน HTML คือแท็กเหล่านั้นที่ไม่ต้องการให้แท็กปิดถูกต้อง องค์ประกอบเหล่านี้มักเป็นส่วนที่ยืนอยู่คนเดียวบนหน้าเว็บหรือที่ส่วนท้ายของเนื้อหาจะปรากฏชัดจากบริบทของหน้า

รายชื่อ HTML Void Elements

มีแท็ก HTML 5 บางส่วนที่เป็นโมฆะองค์ประกอบ เมื่อคุณเขียน HTML ที่ถูกต้องคุณควรปล่อยให้เครื่องหมายสแลชต่อท้ายสำหรับแท็กเหล่านี้ - นี่คือสิ่งที่แสดงไว้ด้านล่าง ถ้าคุณกำลังเขียน XHTML จะต้องมีเครื่องหมายทับท้าย

• - ใช้สำหรับพื้นที่ด้านในของแผนที่ภาพ
• - URL พื้นฐานสำหรับ URL สัมพัทธ์ทั้งหมดในเอกสาร สามารถมีได้ไม่เกิน 1 แห่งต่อเอกสารและต้องอยู่ใน ของหน้าเว็บ
• 
  - เป็นตัวแบ่งบรรทัดซึ่งมักใช้ในเนื้อหาข้อความเพื่อสร้างการแบ่งบรรทัดเดี่ยวแทนย่อหน้า ไม่ควรใช้เพื่อสร้างการแยกภาพบนหน้าโดยวางซ้อนกันหลาย ๆ
  เนื่องจากนั่นคือความต้องการภาพและโดเมนของ CSS
• - ระบุคุณสมบัติของคอลัมน์สำหรับแต่ละคอลัมน์ภายใน a ธาตุ
• - ระบุคำสั่งที่ผู้ใช้สามารถเรียกใช้
• - ใช้กับแอพพลิเคชันภายนอกและเนื้อหาเชิงโต้ตอบสำหรับการผสานรวม
• - กฎแนวนอนซึ่งเป็นเส้นตรงในหน้าเว็บ ในหลายกรณีเส้นขอบ CSS จะถูกใช้เพื่อสร้างเส้นแบ่งแทนองค์ประกอบ HTML นี้
• - หนึ่งในองค์ประกอบ workhorse ของ HTML นี่คือแท็กรูปภาพ ใช้เพื่อเพิ่มภาพกราฟิกลงในเว็บเพจ
• - องค์ประกอบฟอร์มที่ใช้ในการรวบรวมข้อมูลจากผู้เข้าชม มีอินพุตจำนวนหนึ่งที่ถูกต้องจากอินพุต "ข้อความ" ที่ใช้กันทั่วไปในรูปแบบต่างๆเป็นเวลาหลายปีรวมถึงประเภทของอินพุทใหม่ ๆ ที่เป็นส่วนหนึ่งของ HTML5

• - ใช้เพื่อกำหนดฟิลด์เครื่องกำเนิดคู่คีย์ที่ใช้สำหรับฟอร์ม
• - ไม่ต้องสับสนกับแท็ก "เชื่อมโยงหลายมิติ" หรือ anchor () ลิงก์นี้คือการตั้งค่าเส้นทางระหว่างเอกสารและทรัพยากรภายนอก คุณจะใช้เพื่อเชื่อมโยงไปยังไฟล์ CSS ภายนอกตัวอย่างเช่น
• - แท็ก meta คือ "ข้อมูลเกี่ยวกับเนื้อหา" พวกเขาจะพบใน ของเอกสารและใช้ในการถ่ายทอดข้อมูลหน้าไปยังเบราเซอร์ มีเมตาแท็กมากมายที่คุณสามารถใช้บนเว็บเพจได้
• - ใช้เพื่อกำหนดพารามิเตอร์สำหรับปลั๊กอิน
• - แท็กนี้จะช่วยให้คุณสามารถระบุเส้นทางไฟล์อื่น ๆ สำหรับสื่อในเพจรวมถึงวิดีโอหรือรูปภาพหรือไฟล์เสียง
• - แท็กนี้จะตั้งค่าแทร็กที่จะใช้กับไฟล์สื่อวิดีโอหรือเสียงซึ่งมักจะถูกเพิ่มด้วย
• - ย่อมาจาก Word Break Opportunity ระบุตำแหน่งในข้อความที่จะยอมรับได้เพื่อเพิ่มเส้นแบ่ง

อีกครั้งแท็ก singleton เหล่านี้เป็นข้อยกเว้นของกฎตรงข้ามกับกฎเนื่องจากส่วนใหญ่ขององค์ประกอบ HTML จำเป็นต้องมีการเปิดและแท็กปิด จากองค์ประกอบ singleton เหล่านี้บางส่วนอาจใช้บ่อย (เช่น img, meta หรือ input) ในขณะที่ส่วนอื่น ๆ ที่คุณอาจไม่จำเป็นต้องใช้ในงานออกแบบเว็บของคุณ (keygen, wbr และคำสั่งมีสามองค์ประกอบที่แน่นอน ไม่พบในหน้าเว็บ) ยังคงเป็นเรื่องธรรมดาหรือหายากในหน้า HTML คุณควรทำความคุ้นเคยกับแท็กเหล่านี้และรู้ว่าแนวคิดเบื้องหลังแท็ก HTML เดี่ยวคืออะไร คุณสามารถใช้รายการนี้เป็นข้อมูลอ้างอิงสำหรับการพัฒนาเว็บของคุณ

บทความต้นฉบับโดย Jennifer Krynin แก้ไขโดย Jeremy Girard เมื่อวันที่ 5/5/17