tag HTML

Teg HTML (HyperText Markup Language) ialah tulang belakang mana-mana halaman web. Mereka mentakrifkan struktur dan kandungan halaman web, dan penggunaan yang betul adalah penting untuk pembangunan web yang berkesan.

Permulaan Tag HTML

HTML, bersama-sama dengan tag integralnya, wujud pada tahun 1990, dilahirkan oleh Tim Berners-Lee, seorang ahli fizik di CERN. Hasratnya adalah untuk membangunkan sistem untuk saintis di seluruh dunia berkongsi maklumat, seterusnya membawa kepada penciptaan World Wide Web dan HTML.

Sebutan pertama teg HTML adalah dalam dokumentasi HTML. Versi pertama HTML hanya mempunyai 18 tag HTML, tetapi sejak itu, bahasa itu telah berkembang secara dramatik. Hari ini, HTML5, versi terkini, mempunyai set yang kaya dengan lebih 100 teg, membolehkan kandungan yang lebih pelbagai dan interaktif.

Teg HTML secara Mendalam

Teg HTML ialah kata kunci yang dikelilingi oleh kurungan sudut (< >), biasanya datang secara berpasangan. Teg pembukaan memulakan elemen, manakala teg penutup, dilambangkan dengan garis miring ke hadapan (/), menamatkannya. Segala-galanya di antara teg berpasangan ini ialah kandungan elemen itu.

Sebagai contoh, <p>This is a paragraph.</p> ialah elemen HTML asas. di sini, <p> ialah teg pembuka yang memulakan perenggan, dan </p> ialah teg penutup yang mengakhirinya.

Teg HTML juga boleh mempunyai atribut, yang merupakan maklumat tambahan tentang elemen tersebut. Atribut biasanya datang dalam pasangan nama/nilai seperti name="value". Contohnya, dalam tag <a href="https://www.oneproxy.pro">OneProxy</a>, href ialah atribut yang menentukan rujukan hiperpautan.

Struktur Dalaman Teg HTML

Struktur teg HTML boleh dipecahkan kepada tiga bahagian: teg pembuka, kandungan dan teg penutup.

1. Tag Pembukaan: Teg ini menandakan permulaan elemen HTML. Ia terdiri daripada nama tag yang disertakan dalam kurungan sudut.
2. Kandungan: Ini ialah kandungan sebenar yang dirangkumkan oleh teg. Ia boleh menjadi teks, elemen HTML yang lain, atau bahkan tiada langsung (dalam kes elemen kosong).
3. Tag Penutup: Tag ini menandakan berakhirnya elemen. Ia seperti teg pembuka tetapi menyertakan garis miring ke hadapan sebelum nama teg.

Ciri-ciri Utama Tag HTML

Tag HTML mempunyai beberapa ciri utama:

1. Semantik Struktur: Tag HTML menyampaikan maksud tentang jenis kandungan yang terkandung di dalamnya. Sebagai contoh, <h1> menandakan tajuk peringkat atas, manakala <p> menandakan perenggan.

2. Kemasukan Atribut: Tag HTML boleh termasuk atribut untuk menyediakan maklumat atau fungsi tambahan.

3. Struktur Bersarang: Tag boleh bersarang antara satu sama lain untuk mencipta struktur yang kompleks. Sebagai contoh, <div><p>Text</p></div> sarang perenggan dalam bahagian.

Jenis Tag HTML

Tag HTML boleh dikategorikan secara meluas kepada dua jenis:

1. Tag Bekas: Teg ini memerlukan teg pembukaan dan penutup. Contohnya ialah <p>, <div>, dan <h1>.

2. Tag Kosong atau Kosong: Teg ini tidak memerlukan teg penutup. Contohnya termasuk <img>, <br>, dan <hr>.

Senarai komprehensif teg HTML boleh didapati dalam spesifikasi HTML5 rasmi, yang merangkumi kedua-dua teg bekas dan tidak sah.

Penggunaan Praktikal Tag HTML

Menggunakan tag HTML adalah mudah dalam teori tetapi boleh memberikan cabaran dalam amalan. Satu isu biasa ialah terlupa untuk menutup teg, yang boleh mengganggu reka letak halaman web. IDE Moden (Persekitaran Pembangunan Bersepadu) sering menyerlahkan masalah sedemikian, menjadikannya lebih mudah dikesan dan diperbetulkan.

Isu lain ialah penyalahgunaan tag, seperti menggunakan a <div> untuk setiap elemen dan bukannya menggunakan tag semantik seperti <header>, <footer>, dan <article>. Penyalahgunaan sedemikian boleh membahayakan kebolehcapaian halaman dan SEO.

Perbandingan dengan Istilah Serupa

Tag HTML adalah sebahagian daripada HTML, yang merupakan bahasa penanda. Bahasa penanda lain termasuk XML dan XHTML, yang juga menggunakan bentuk teg tetapi mempunyai peraturan dan kegunaan yang berbeza. Sebagai contoh, XML digunakan untuk menyimpan dan mengangkut data, manakala HTML digunakan untuk memaparkannya.

Istilah lain yang berkaitan ialah elemen HTML, yang termasuk teg HTML, atributnya, dan kandungan antara teg pembukaan dan penutup.

Masa Depan Tag HTML

Apabila web terus berkembang, begitu juga HTML. Teg baharu diperkenalkan dengan setiap versi HTML untuk memenuhi teknologi web dan pengalaman pengguna yang baru muncul. Sebagai contoh, HTML5 memperkenalkan tag multimedia seperti <video> dan <audio>, meningkatkan interaktiviti web.

Terdapat tumpuan yang semakin meningkat pada kebolehaksesan dan makna semantik dalam HTML, yang membawa kepada pengenalan lebih banyak teg semantik. Perkembangan masa depan dalam HTML mungkin termasuk lebih banyak teg interaktif untuk grafik 3D, realiti maya dan banyak lagi.

Tag HTML dan Pelayan Proksi

Pelayan proksi, seperti yang disediakan oleh OneProxy, terlibat terutamanya dengan permintaan rangkaian, yang berasingan daripada teg HTML. Walau bagaimanapun, mereka secara tidak langsung berinteraksi dengan data HTML. Apabila anda meminta halaman web melalui proksi, proksi mendapatkan semula data HTML (yang termasuk teg HTML) halaman web dan menghantarnya kembali ke penyemak imbas anda.

Selain itu, sesetengah pelayan proksi menawarkan keupayaan untuk mengubah suai data HTML sebelum menghantarnya kepada pelanggan, yang mungkin melibatkan penambahan, pengalihan atau pengubahan teg HTML.

Pautan Berkaitan

1. HTML – Dokumen Web MDN
2. Tutorial HTML – W3Schools
3. Spesifikasi HTML5 – W3C
4. Pengenalan kepada HTML – Codecademy
5. Asas HTML – Akademi Khan

Panduan ini memberikan pemahaman yang komprehensif tentang teg HTML. Adalah penting untuk diingat bahawa walaupun memahami teg HTML adalah penting, ia hanya sebahagian daripada pembangunan web, yang turut melibatkan CSS, JavaScript dan pelbagai teknologi bahagian belakang.