Apa itu Tag HTML Versus Elemen HTML?

Ada Perbedaan Antara Kedua Ketentuan Ini

Desain web, seperti industri atau profesi apa pun, memiliki bahasa tersendiri. Ketika Anda memasuki industri dan mulai berbicara dengan rekan-rekan Anda, Anda pasti akan mengalami kebingungan istilah dan frase yang baru bagi Anda, tetapi aliran lidah dari sesama profesional web Anda. Dua istilah yang akan Anda dengar adalah "tag" dan "elemen" HTML.

Ketika Anda mendengar dua istilah ini diucapkan, Anda mungkin menyadari bahwa keduanya digunakan secara bergantian. Dengan demikian, satu pertanyaan yang banyak dimiliki oleh profesional web baru ketika mereka mulai bekerja dengan kode HTML adalah "apa perbedaan antara Tag HTML dan Elemen HTML?"

Meskipun kedua istilah ini mirip dalam artinya, keduanya tidak benar-benar sinonim. Jadi apa persamaannya dengan kedua istilah ini? Jawaban singkatnya adalah bahwa baik tag dan elemen mengacu pada markup yang digunakan untuk menulis HTML. Misalnya, Anda mungkin mengatakan bahwa Anda menggunakan tag

untuk menentukan paragraf atau elemen untuk membuat tautan. Banyak orang menggunakan tag dan elemen secara bergantian, dan setiap perancang web atau pengembang yang Anda ajak bicara akan memahami apa yang Anda maksud, tetapi kenyataannya adalah bahwa ada sedikit perbedaan antara kedua istilah tersebut.

HTML adalah bahasa markup , yang berarti bahwa itu ditulis dengan kode yang dapat dibaca oleh seseorang tanpa perlu dikompilasi terlebih dahulu. Dengan kata lain, teks pada halaman web "ditandai" dengan kode-kode ini untuk memberikan instruksi browser web tentang cara menampilkan teks. Tag markup ini adalah tag HTML itu sendiri.

Ketika Anda menulis HTML, Anda sedang menulis tag HTML. Semua tag HTML terdiri dari sejumlah bagian tertentu, termasuk:

• Tanda kurang dari <
• Sebuah kata atau karakter yang menentukan tag mana yang sedang ditulis
• Sejumlah atribut HTML opsional dalam bentuk pasangan nama = "nilai"
• Dan akhirnya lebih besar dari tanda>

Misalnya, berikut beberapa tag HTML:

Ini semua adalah tag pembuka HTML, tanpa atribut opsional apa pun yang ditambahkan padanya. Tag-tag ini mewakili:

• - mendefinisikan satu paragraf.

• - mendefinisikan halaman sebagai HTML
• - mendefinisikan pembagian.

Berikut ini juga tag HTML:

• Contoh-contoh ini semua termasuk atribut yang telah ditambahkan ke tag HTML pembuka.

  • The
    adalah daftar unordered yang mencakup atribut ID
    • Pembagian memiliki atribut kelas
    • Elemen anchor, atau tautan, menyertakan atribut "href"
    • Tag gambar dengan atribut "src"

    Untuk anchor dan tag gambar, atribut sebenarnya tidak opsional, mereka diperlukan agar tag tersebut ditampilkan dengan benar. Anda harus memberi tahu tautan ke mana harus pergi (yang merupakan apa yang "href" lakukan) dan gambar apa yang harus ditunjukkan (yang merupakan atribut "src" sediakan).

    Apa itu Elemen HTML

    Menurut spesifikasi HTML W3C , elemen adalah blok bangunan dasar dari HTML dan biasanya terdiri dari dua tag : tag pembuka dan tag penutup. Sejauh ini kami hanya melihat tag pembuka, yang memulai elemen. Untuk mengakhiri elemen itu, Anda menulis tag penutup yang sesuai.

    Misalnya, untuk elemen paragraf Anda menulis ini:

    Ini terdiri dari tag pembuka yang kami lihat beberapa saat yang lalu serta tag penutup - . Tag penutup benar-benar hanya tag pembuka yang diulang, tetapi dengan "garis miring" ditambahkan langsung setelah "kurang dari simbol".

    Hampir semua elemen HTML memiliki tag pembuka dan tag penutup. Tag ini mengelilingi teks yang akan ditampilkan di halaman web. Misalnya, untuk menulis paragraf teks, Anda menulis teks untuk ditampilkan di halaman dan kemudian mengelilinginya dengan tag berikut:

    Di sinilah Anda akan menulis teks paragraf yang ingin Anda tampilkan di halaman web.

    Beberapa elemen HTML tidak memiliki tag penutup. Ini disebut "elemen kosong". Kadang-kadang, mereka juga disebut sebagai elemen " tunggal " atau "hampa". Elemen kosong mudah digunakan karena Anda hanya perlu memasukkan satu tag di halaman web Anda dan browser akan tahu apa yang harus dilakukan. Misalnya, untuk menambahkan satu baris ke halaman Anda, Anda akan menggunakan tag b *.

    Elemen umum lainnya yang hanya menyertakan tag pembuka adalah elemen "gambar". Sebagai contoh:

    Kami melihat contoh ini sebelumnya, tetapi tidak ada tag penutup untuk elemen gambar ini. Browser hanya akan mengganti kode ini dengan gambar yang direferensikan dalam atribut "href". Dalam hal ini, itu adalah "logo.png".

    Secara umum, ketika saya merujuk ke elemen HTML atau tag, saya akan menggunakan "elemen" untuk menunjukkan bahwa saya merujuk ke semua bagian elemen (baik tag pembuka dan penutup). Saya menggunakan "tag" adalah saya benar-benar mengacu hanya satu atau yang lain. Ini adalah penggunaan yang tepat dari kedua istilah ini, dan saya mendorong Anda untuk menggunakannya dengan benar - tetapi hanya tahu bahwa jika Anda menyelipkan dan menukarnya sedikit, Anda masih akan dipahami oleh rekan pengembangan web baru Anda!

    Artikel asli oleh Jennifer Krynin. Diedit oleh Jeremy Girard pada 7/21/17