Self-Closing Tag dalam HTML: Pengertian, Contoh dan Daftar Lengkapnya

0
Gambar Pengertian Self Closing Tag Dalam HTML
Gambar Pengertian Self Closing Tag Dalam HTML

Pengertian Self-Closing Tag dalam HTML

Apa Itu Self-Closing Tag? Self-Closing Tag atau Tag penutup diri adalah elemen kode HTML yang telah berevolusi dalam bahasa (markup)nya. Biasanya, Self-Closing Tag atau tag penutup diri menggunakan karakter “/” untuk secara efektif menutup tag awal yang terlampir dalam tanda sisipan.

Kisah tag penutup diri berkaitan dengan cara-cara HTML berkembang selama penggunaannya sejak akhir 1980-an. Tag HTML konvensional memiliki tag pembuka dan tag penutup. Namun, ada elemen dalam HTML yang disebut elemen void, seperti images dan link, yang tidak sepenuhnya memerlukan tag penutup karena struktur bawaannya. Para ahli mengklaim bahwa hal-hal seperti gambar dan tautan tidak perlu dan tidak dapat memiliki konten – mereka hanya semacam petunjuk ke elemen yang diinstal di halaman.

Contoh Self-Closing Tag HTML

Ilustrasi Gambar Contoh Self Closing Tag Dalam HTML
Ilustrasi Gambar Contoh Self Closing Tag Dalam HTML

Dalam variasi HTML yang lebih baru seperti XHTML, alih-alih menyertakan tag pembuka dan penutup individual, pengembang menggunakan tag penutup sendiri yang menyertakan “/” di dalam tanda sisipan misalnya:

<img src= "img/circle" alt = "" />

Sekarang, dengan HTML5, bahkan karakter garis miring dianggap usang. Aturan W3C dan standar lainnya menunjukkan bahwa pengembang tidak perlu lagi menyertakan karakter untuk menunjukkan tag penutup, karena dapat dipahami bahwa elemen void tersebut tidak perlu ditutup sama sekali. Pertanyaan-pertanyaan penting muncul di situs-situs di Internet tentang bagaimana standar HTML dan W3C menangani sintaksis tag penutup sendiri.

Daftar Tag Penutup Diri atau Self-Closing Tag

Berikut daftar lengkap Self-Closing Tag atau tag penutup diri untuk HTML5, Ini disebut “void-elements” dalam spesifikasi HTML.

  • <area />
  • <base />
  • <br />
  • <col />
  • <embed />
  • <hr />
  • <img />
  • <input />
  • <link />
  • <meta />
  • <param />
  • <source />
  • <track />
  • <wbr />
  • <command /> (Usang)
  • <keygen /> (Usang)
  • <menuitem /> (Usang)
Baca Juga :  Pengertian Resolution: Pengukuran dan Macamnya dalam Teknologi

Catatan: Spasi sebelum tanda slash “/” adalah opsional.

Jadi, Apakah Ending Slash Opsional?

  • HTML5: garis miring adalah opsional.
  • HTML4: garis miring secara teknis tidak valid. Namun, itu diterima oleh validator HTML W3C.
  • XHTML: Tanda Slash “/” Diperlukan.

Kami sarankan untuk selalu menambahkan garis miring. Karena, ini memberikan petunjuk visual dari tag yang tidak menutup.

Penutup

Demikianlah ulasan singkat Kami kali ini mengenai Self-Closing Tag dalam HTML dan penjelasannya secara lengkap. Semoga tulisan ini dapat bermanfaat dan dapat menambah wawasan Kita semua, terutama dalamĀ Belajar Teknologi Informasi. Sekian dari Saya, Terima Kasih.

Pilihan Editor:

Tinggalkan Komentar