Apakah Tag HTML Melawan Elemen HTML?

Terdapat Perbezaan Antara Dua Syarat ini

Reka bentuk web, seperti mana-mana industri atau profesion, mempunyai bahasa sendiri. Apabila anda memasuki industri dan mula bercakap dengan rakan-rakan anda, anda pasti akan mengalami kesilapan istilah dan frasa yang baru kepada anda, tetapi aliran bahasa lidah profesional web anda. Dua istilah yang anda dengar ialah HTML "tag" dan "elemen".

Apabila anda mendengar kedua-dua istilah yang dituturkan, anda mungkin menyedari bahawa ia sedang digunakan agak bergantian. Oleh itu, satu soalan yang banyak profesional web baru mempunyai ketika mereka mula bekerja dengan kod HTML adalah "apa perbezaan antara Tag HTML dan Unsur HTML?"

Walaupun kedua-dua istilah ini sama dalam makna, mereka tidak benar-benar sinonim. Jadi apa persamaan dengan kedua-dua istilah ini? Jawapan ringkas ialah kedua-dua tag dan unsur merujuk kepada markup yang digunakan untuk menulis HTML. Sebagai contoh, anda mungkin mengatakan bahawa anda menggunakan tag

untuk menentukan perenggan atau elemen untuk membuat pautan. Ramai orang menggunakan istilah tag dan elemen secara bergantian, dan mana-mana pereka atau pemaju web yang anda bicarakan akan memahami maksud anda, tetapi kenyataannya adalah terdapat sedikit perbezaan antara kedua-dua istilah tersebut.

HTML adalah bahasa markup , yang bermaksud bahawa ia ditulis dengan kod yang boleh dibaca oleh seseorang tanpa perlu terlebih dahulu disusun. Dalam erti kata lain, teks di laman web adalah "ditanda" dengan kod-kod ini untuk memberikan arahan pelayar web tentang cara memaparkan teks. Tag markup ini adalah tag HTML sendiri.

Apabila anda menulis HTML, anda menulis tag HTML. Semua tag HTML terdiri daripada beberapa bahagian tertentu, termasuk:

• Tanda kurang daripada <
• Satu perkataan atau watak yang menentukan tag mana yang ditulis
• Mana-mana bilangan atribut HTML pilihan dalam bentuk pasangan nama = "nilai"
• Dan akhirnya lebih besar daripada tanda>

Sebagai contoh, berikut adalah beberapa tag HTML:

Ini adalah semua tag pembuka HTML, tanpa sebarang atribut pilihan yang ditambahkan kepada mereka. Tag ini mewakili:

• - mentakrifkan perenggan.

• - mentakrifkan halaman sebagai HTML
• - mentakrifkan satu bahagian.

Berikut adalah juga tag HTML:

• Contoh-contoh ini semua termasuk atribut yang telah ditambahkan pada tag HTML pembukaan.

  • adalah senarai tidak teratur yang merangkumi atribut ID
    • Bahagian ini mempunyai atribut kelas
    • Anchor, atau pautan, elemen termasuk atribut "href"
    • Tag imej dengan atribut "src"

    Untuk tanda anchor dan imej, atribut itu sebenarnya bukan pilihan, mereka perlu untuk tag tersebut dipaparkan dengan betul. Anda perlu memberitahu pautan di mana hendak pergi (iaitu apa yang dilakukan oleh "href") dan imej apa yang hendak ditunjukkan (yang merupakan apa yang diberikan oleh atribut "src").

    Apakah Unsur HTML

    Menurut spesifikasi W3C HTML, elemen adalah blok bangunan asas HTML dan biasanya terdiri daripada dua tag : tag pembuka dan tag tutup. Setakat ini kita hanya melihat tag pembuka, yang memulakan unsur-unsur. Untuk menamatkan elemen itu, anda menulis tag tutup yang sepadan.

    Sebagai contoh, untuk elemen perenggan anda menulis ini:

    Ini terdiri daripada tag pembuka yang kita lihat seketika lalu serta tanda penutup - . Tag penutup benar-benar hanya tag pembuka yang diulang, tetapi dengan "slash ke hadapan" ditambahkan terus selepas "kurang daripada simbol".

    Hampir semua elemen HTML mempunyai tag pembuka dan tag tutup. Tag ini mengelilingi teks yang akan dipaparkan pada halaman web. Sebagai contoh, untuk menulis perenggan teks, anda menulis teks untuk dipaparkan di halaman dan kemudian mengelilinginya dengan tag ini:

    Ini adalah di mana anda akan menulis teks perenggan yang anda mahu dipaparkan pada halaman web.

    Beberapa elemen HTML tidak mempunyai tanda tutup. Ini dipanggil "unsur kosong". Kadang-kadang, mereka juga dirujuk sebagai unsur " singleton " atau "tidak sah". Unsur kosong mudah digunakan kerana anda hanya perlu memasukkan satu tag pada halaman web anda dan penyemak imbas akan tahu apa yang harus dilakukan. Sebagai contoh, untuk menambah satu baris baris ke halaman anda, anda akan menggunakan tag b.

    Satu lagi elemen biasa yang hanya mengandungi tag pembuka ialah elemen "imej". Sebagai contoh:

    Kami melihat contoh ini lebih awal, tetapi tiada tanda tutup bagi elemen imej ini. Pelayar hanya akan menggantikan kod ini dengan imej yang dirujuk dalam atribut "href". Dalam kes ini, itu akan menjadi "logo.png".

    Pada umumnya, apabila saya merujuk kepada elemen atau tag HTML, saya akan menggunakan istilah "elemen" untuk menunjukkan bahawa saya merujuk kepada semua bahagian elemen (kedua-dua tag pembuka dan penutupan). Saya menggunakan "tag" adalah saya hanya merujuk satu atau yang lain. Ini adalah penggunaan kedua istilah ini, dan saya menggalakkan anda menggunakannya dengan betul - tetapi hanya tahu bahawa jika anda tergelincir dan menukarnya sedikit, anda masih akan difahami oleh rakan-rakan pembangunan web baru anda!

    Artikel asal oleh Jennifer Krynin. Disunting oleh Jeremy Girard pada 7/21/17