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

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

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

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

Void Element คืออะไร?

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

รายชื่อ HTML Void Elements

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

• <พื้นที่> - ใช้สำหรับพื้นที่ด้านในของแผนที่ภาพ

• - ฐาน URL สำหรับ URL สัมพัทธ์ทั้งหมดในเอกสาร สามารถระบุได้ไม่เกิน 1 รายการต่อเอกสารและต้องอยู่ใน ของหน้า

• 
  - นี่คือการแบ่งบรรทัดมักใช้ในเนื้อหาข้อความเพื่อสร้างการแบ่งบรรทัดเดี่ยวแทนย่อหน้า นี้ไม่ควรใช้ในการสร้างภาพแยกบนหน้าโดยซ้อนแท็กมากมายเนื่องจากเป็นความต้องการภาพและดังนั้นโดเมนของ CSS

• - ระบุคุณสมบัติของคอลัมน์สำหรับแต่ละคอลัมน์ภายในองค์ประกอบ

• - ระบุคำสั่งที่ผู้ใช้สามารถเรียกใช้

• - ใช้กับแอพพลิเคชันภายนอกและเนื้อหาเชิงโต้ตอบสำหรับการรวม

• ---

  - กฎแนวนอนซึ่งเป็นเส้นตรงในหน้าเว็บ ในหลายกรณีเส้นขอบ CSS จะถูกใช้เพื่อสร้างเส้นแบ่งแทนองค์ประกอบ HTML นี้

• - องค์ประกอบ HTML ของ workhorse ซึ่งเป็นแท็กรูปภาพ ใช้เพื่อเพิ่มภาพกราฟิกลงในเว็บเพจ

• - องค์ประกอบของฟอร์มที่ใช้ในการรวบรวมข้อมูลจากผู้เข้าชม มีอินพุตจำนวนหนึ่งที่ถูกต้องจากอินพุต "ข้อความ" ที่ใช้กันทั่วไปในรูปแบบต่างๆเป็นเวลาหลายปีรวมถึงประเภทของอินพุทใหม่ ๆ ที่เป็นส่วนหนึ่งของ HTML5

• - ใช้ในการกำหนดฟิลด์เครื่องกำเนิดไฟฟ้าคีย์คู่ที่ใช้สำหรับแบบฟอร์ม

• - ไม่ต้องสับสนกับแท็ก "เชื่อมโยงหลายมิติ" หรือ anchor () ลิงก์นี้คือการตั้งค่า linage ระหว่างเอกสารกับรีซอร์สภายนอก คุณจะใช้เพื่อเชื่อมโยงไปยังไฟล์ CSS ภายนอกตัวอย่างเช่น

• - เมตาแท็กคือ "ข้อมูลเกี่ยวกับเนื้อหา" มีอยู่ใน ของเอกสารและใช้ในการถ่ายทอดข้อมูลหน้าไปยังเบราเซอร์ มี เมตาแท็กมากมาย ที่คุณสามารถใช้บนเว็บเพจได้

• - ใช้เพื่อกำหนดพารามิเตอร์สำหรับปลั๊กอิน

• - แท็กนี้อนุญาตให้คุณระบุเส้นทางไฟล์อื่น ๆ สำหรับสื่อในหน้าเว็บของคุณรวมทั้งวิดีโอหรือรูปภาพหรือไฟล์เสียง

• - แท็กนี้จะตั้งค่าแทร็กที่จะใช้กับไฟล์มีเดีย, วิดีโอหรือเสียงซึ่งมักจะถูกเพิ่มด้วยแท็ก

• - ย่อมาจาก Word Break Opportunity ระบุตำแหน่งในข้อความที่จะยอมรับได้เพื่อเพิ่มเส้นแบ่ง

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

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