Halaman web yang Anda kunjungi online dibuat menggunakan HTML kode yang memberi tahu browser web tentang konten halaman dan cara menampilkannya secara visual untuk pemirsa. Kode berisi blok bangunan instruksional yang dikenal sebagai elemen, yang tidak pernah dilihat oleh pengunjung halaman web. Kode juga berisi karakter teks normal seperti yang ada di judul dan paragraf yang dirancang untuk dibaca pemirsa.
Peran Karakter Khusus dalam HTML
Saat Anda menggunakan HTML dan mengetik teks yang dirancang untuk dilihat, Anda biasanya tidak memerlukan kode khusus — Anda hanya menggunakan keyboard komputer untuk menambahkan huruf atau karakter yang sesuai. Masalah muncul ketika Anda ingin mengetik karakter dalam teks yang dapat dibaca yang digunakan HTML sebagai bagian dari kode itu sendiri. Karakter-karakter tersebut antara lain: < dan > karakter yang digunakan dalam kode untuk memulai dan menyelesaikan setiap tag HTML. Anda mungkin juga ingin memasukkan karakter dalam teks yang tidak memiliki analog langsung di keyboard, seperti
© dan Ñ. Untuk karakter yang tidak memiliki tombol di keyboard, Anda memasukkan kode.
Karakter khusus adalah bagian tertentu dari kode HTML yang dirancang untuk menampilkan karakter yang digunakan dalam kode HTML atau untuk memasukkan karakter yang tidak ditemukan pada keyboard dalam teks penampil melihat. HTML membuat karakter khusus ini dengan pengkodean numerik atau karakter sehingga mereka dapat dimasukkan dalam dokumen HTML, dibaca oleh browser, dan ditampilkan dengan benar untuk dilihat oleh pengunjung situs Anda.
Ada tiga karakter inti dari sintaks kode HTML. Anda tidak boleh menggunakannya di bagian halaman web Anda yang dapat dibaca tanpa menyandikannya terlebih dahulu untuk tampilan yang tepat. Mereka adalah simbol lebih besar dari, kurang dari, dan ampersand. Dengan kata lain, Anda tidak boleh menggunakan simbol kurang dari < dalam kode HTML Anda kecuali itu adalah awal dari sebuah tanda HTML. Jika ya, karakter membingungkan browser, dan halaman Anda mungkin tidak ditampilkan seperti yang Anda harapkan. Tiga karakter yang tidak boleh Anda tambahkan tanpa kode adalah:
- tanda kurang dari <
- tanda lebih besar dari >
- simbol untuk 'dan &
Saat Anda mengetik karakter ini langsung ke dalam kode HTML Anda — kecuali Anda menggunakannya sebagai elemen dalam kode — ketikkan pengkodean untuk karakter tersebut, sehingga karakter tersebut muncul dengan benar dalam teks yang dapat dibaca:
- tanda kurang dari - <
- lebih besar dari tanda - >
- simbol untuk 'dan - &
Setiap karakter khusus dimulai dengan ampersand — bahkan karakter khusus untuk ampersand dimulai dengan karakter ini. Karakter khusus diakhiri dengan titik koma. Di antara dua karakter ini, Anda menambahkan apa pun yang sesuai untuk karakter khusus yang ingin Anda tambahkan. lt (untuk kurang dari) membuat simbol kurang dari saat muncul di antara ampersand dan titik koma dalam HTML. Demikian pula, gt menciptakan simbol lebih besar dari dan ampli menghasilkan ampersand ketika mereka diposisikan di antara simbol untuk 'dan dan titik koma.
Karakter Khusus yang Tidak Dapat Anda Ketik
Setiap karakter yang dapat dirender dalam set karakter standar Latin-1 dapat dirender dalam HTML. Jika tidak muncul di keyboard Anda, Anda menggunakan simbol ampersand dengan kode unik yang telah ditetapkan ke karakter diikuti dengan titik koma.
Misalnya, "kode ramah" untuk simbol hak cipta adalah © dan ™ adalah kode untuk simbol merek dagang.
Kode ramah ini mudah diketik dan mudah diingat, tetapi ada banyak karakter yang tidak memiliki kode ramah yang mudah diingat.
Setiap karakter yang dapat diketik di layar memiliki kode angka desimal yang sesuai. Anda dapat menggunakan kode numerik ini untuk menampilkan karakter apa pun. Misalnya, kode angka desimal untuk simbol hak cipta — © - mendemonstrasikan menunjukkan kode numerik berfungsi. Mereka masih dimulai dengan ampersand dan diakhiri dengan titik koma, tetapi alih-alih teks ramah, Anda menggunakan tanda nomor diikuti dengan kode nomor unik untuk karakter itu.
Kode ramah mudah diingat, tetapi kode numerik seringkali lebih dapat diandalkan. Situs yang dibangun dengan database dan XML mungkin tidak memiliki semua kode ramah yang ditentukan, tetapi mereka mendukung kode numerik.
Cara terbaik untuk menemukan kode numerik untuk karakter adalah dalam kumpulan karakter yang dapat Anda temukan secara online. Ketika Anda menemukan simbol yang Anda butuhkan, cukup salin dan tempel kode numerik ke dalam HTML Anda.
Beberapa set karakter meliputi:
- Kode mata uang
- Kode matematika
- Kode tanda baca
- Kode pengucapan
- Kode diakritik
Karakter Bahasa Non-Inggris
Karakter khusus tidak terbatas pada bahasa Inggris. Karakter khusus dalam bahasa non-Inggris dapat diekspresikan dalam HTML termasuk:
- Orang Spanyol
- Perancis
- Yunani
- Rumania
Jadi Apa Itu Kode Heksadesimal?
Kode heksadesimal adalah format alternatif untuk menampilkan karakter khusus dalam kode HTML. Anda dapat menggunakan metode apa pun yang Anda inginkan untuk halaman web Anda. Anda mencarinya di set karakter online dan menggunakannya dengan cara yang sama seperti Anda menggunakan kode ramah atau kode numerik.
Tambahkan Deklarasi Unicode ke Kepala Dokumen Anda
Tambahkan tag meta berikut di mana saja di dalam.
konten="teks/html; charset=utf-8" />Tips
Apa pun metode yang Anda gunakan, ingatlah beberapa praktik terbaik:
Selalu akhiri entitas Anda dengan titik koma
Beberapa editor HTML memungkinkan Anda memposting kode HTML tanpa titik koma terakhir, tetapi halaman Anda akan menjadi tidak valid, dan banyak browser web tidak akan menampilkan entitas dengan benar tanpa titik koma.
Selalu mulai dengan ampersand
Banyak editor web membiarkan Anda lolos tanpa meninggalkan "amp;" tetapi ketika Anda menampilkan ampersand sendirian di XHTML, itu menyebabkan kesalahan validasi.
Uji halaman Anda di sebanyak mungkin browser
Jika karakter sangat penting untuk memahami dokumen Anda dan Anda tidak dapat mengujinya di kombinasi browser/OS yang digunakan pelanggan Anda, Anda harus menemukan cara lain untuk mewakilinya. Namun, sebelum Anda menggunakan gambar atau yang lainnya, coba salah satu alat pengujian browser yang dapat memvalidasi kode Anda di beberapa browser.