Panduan Mudah Menggunakan Karakter Khusus dalam HTML
Laman web yang Anda kunjungi secara online dibuat menggunakan kode HTML yang memberi tahu browser web tentang isi laman dan cara merendernya secara visual bagi pemirsa. Kode ini berisi blok penyusun pembelajaran yang dikenal sebagai elemen, yang tidak pernah dilihat oleh penampil halaman web. Kode ini juga berisi karakter teks normal seperti yang ada di judul dan paragraf yang dirancang agar pemirsa membaca.
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 Anda 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 ini termasuk karakter
Karakter khusus adalah bagian khusus dari kode HTML yang dirancang untuk menampilkan karakter yang digunakan dalam kode HTML atau untuk memasukkan karakter yang tidak ditemukan pada keyboard dalam teks yang dilihat pemirsa. HTML merender karakter khusus ini dengan enkode numerik atau karakter sehingga dapat dimasukkan dalam dokumen HTML, dibaca oleh browser, dan ditampilkan dengan benar untuk dilihat oleh pengunjung situs Anda.
Karakter HTML Khusus
Tiga karakter merupakan inti dari sintaks kode HTML. Anda tidak boleh menggunakannya di bagian halaman web yang dapat dibaca tanpa menyandikannya terlebih dahulu untuk ditampilkan dengan benar. Mereka adalah simbol-simbol yang 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 tag HTML. Jika Anda melakukannya, karakter tersebut membingungkan browser, dan halaman Anda mungkin tidak akan tampak seperti yang Anda harapkan. Tiga karakter yang tidak boleh Anda tambahkan tidak dienkode adalah:
- kurang dari tanda <
- lebih besar dari tanda >
- ampersand &
Saat Anda mengetikkan karakter ini langsung ke dalam kode HTML Anda — kecuali jika Anda menggunakannya sebagai elemen dalam kode — ketikkan pengodean untuknya, sehingga muncul dengan benar dalam teks yang dapat dibaca:
- kurang dari tanda - & lt;
- lebih besar dari tanda - & gt;
- ampersand - & amp;
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 ( kurang dari ) membuat simbol kurang dari ketika muncul antara ampersand dan titik koma dalam HTML. Demikian pula, gt menciptakan lebih besar dari simbol dan menghasilkan ampersand ketika mereka diposisikan antara tanda dan titik koma.
Karakter Khusus yang Tidak Bisa Anda Ketikkan
Karakter apa pun 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 untuk karakter diikuti dengan titik koma.
Misalnya, "kode ramah" untuk simbol hak cipta & copy; dan & perdagangan ; 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 pada layar memiliki kode numerik desimal yang sesuai. Anda dapat menggunakan kode numerik ini untuk menampilkan karakter apa pun. Misalnya, kode numerik desimal untuk simbol hak cipta— & # 169; —demonstrates bagaimana kode numerik bekerja. Mereka masih mulai dengan tanda dan berakhir dengan titik koma, tetapi alih-alih teks ramah, Anda menggunakan tanda nomor diikuti dengan kode angka unik untuk karakter itu.
Kode ramah mudah diingat, tetapi kode numerik sering lebih dapat diandalkan. Situs yang dibangun dengan basis data dan XML mungkin tidak memiliki semua kode ramah yang ditentukan, tetapi mereka mendukung kode numerik.
Cara terbaik untuk menemukan kode numerik untuk karakter adalah set karakter yang dapat Anda temukan secara online. Ketika Anda menemukan simbol yang Anda butuhkan, cukup salin dan tempel kode numerik ke HTML Anda.
Beberapa set karakter meliputi:
- Kode mata uang
- Kode matematis
- Kode tanda baca
- Kode pengucapan
- Kode diakritik
Karakter Bahasa Non-Bahasa Inggris
Karakter khusus tidak terbatas pada bahasa Inggris. Karakter khusus dalam bahasa selain bahasa Inggris dapat diekspresikan dalam HTML termasuk:
Jadi Apa 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 mencari mereka di set karakter online dan menggunakannya dengan cara yang sama Anda menggunakan kode ramah atau kode numerik.
Tambahkan Deklarasi Unicode ke Kepala Dokumen Anda
Tambahkan meta tag berikut di mana saja di dalam
halaman web Anda untuk memastikan bahwa karakter khusus Anda ditampilkan dengan benar.Tips
Tidak peduli metode apa yang Anda gunakan, ingatlah beberapa praktik terbaik:
- Selalu akhiri entitas Anda dengan titik koma. Beberapa editor HTML memungkinkan Anda untuk memposting kode HTML tanpa titik koma akhir, tetapi halaman Anda akan menjadi tidak valid, dan banyak browser web tidak akan menampilkan entitas dengan benar tanpa itu.
- Selalu mulai dengan ampersand. Banyak editor web yang membiarkan Anda lolos dengan meninggalkan "amp;" tetapi ketika Anda menampilkan ampersand sendiri 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 dalam kombinasi browser / OS yang digunakan pelanggan Anda, Anda harus mencari cara lain untuk mewakilinya. Namun, sebelum Anda menggunakan gambar atau sesuatu yang lain, cobalah salah satu alat pengujian browser yang dapat memvalidasi kode Anda di beberapa browser.