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 yang mengalir dari lidah profesional sesama 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 elemen 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 sedang 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.
Tag HTML
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
- Sebarang bilangan atribut HTML pilihan dalam bentuk a
name = "value" pasangan
- Dan akhirnya tanda yang lebih besar daripada
>
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:
-
-
- The
- adalah senarai tanpa urutan yang merangkumi atribut ID
- Bahagian ini mempunyai atribut kelas
- Anchor, atau pautan, elemen termasuk atribut "href"
- Tag imej dengan atribut "src"
Contoh-contoh ini semua termasuk atribut yang telah ditambahkan pada tag HTML pembukaan.
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").
Apa Elemen HTML?
Menurut spesifikasi HTML W3C, a 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 telah kita saksikan sebelum ini serta tag penutup - 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 ingin 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. Contohnya, untuk menambah satu baris pemisah ke halaman anda, anda akan menggunakannya 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 kita merujuk kepada elemen HTML atau tag, kita akan menggunakan istilah "elemen" untuk menunjukkan bahawa kita merujuk kepada semua bahagian elemen (kedua-dua tag pembuka dan penutupan). Kami hanya menggunakan "tag" apabila merujuk hanya satu atau yang lain. Ini adalah penggunaan kedua-dua istilah yang tepat ini, dan kami menggalakkan anda untuk menggunakannya dengan betul-tetapi hanya tahu bahawa jika anda tergelincir dan menukarnya sedikit, anda masih akan difahami oleh rakan-rakan pembangunan web baru anda!
tag.
