Pengonversi entitas HTML

Pengonversi entitas HTML adalah alat gratis untuk mengubah referensi karakter HTML menjadi karakter yang dapat dibaca, atau sebaliknya, untuk digunakan di halaman web, sistem pengelolaan konten, dan format berbasis teks lainnya.

Apa itu entitas HTML dan mengapa digunakan?

Entitas HTML merepresentasikan karakter dalam bentuk teks yang dapat dibedakan oleh HTML dari markahnya sendiri. Referensi karakter HTML biasanya diawali tanda ampersan dan diakhiri titik koma. Bentuknya dapat berupa referensi karakter bernama, seperti & untuk ampersan, atau referensi karakter numerik, seperti £ untuk simbol pound.

Entitas berguna saat sebuah karakter memiliki arti khusus dalam HTML. Tanda kurang dari yang ditulis langsung dapat dianggap sebagai awal tag, sehingga dapat ditulis sebagai <. Referensi karakter juga memungkinkan sistem merepresentasikan karakter tertentu dalam HTML atau markah yang kompatibel tanpa membuatnya tertukar dengan markah atau sintaks kontrol.

Pengodean entitas bukan enkripsi dan tidak memberikan kerahasiaan. Siapa pun dapat membaca atau menguraikan referensi entitas, jadi jangan pernah menggunakannya untuk menyembunyikan kata sandi, data pribadi, atau konten rahasia.

Bagaimana cara menggunakan pengonversi entitas HTML?

Masukkan teks yang ingin diproses ke kolom Enkode atau Dekode, lalu lihat hasil Hasil pengodean entitas HTML atau Hasil penguraian entitas HTML yang sesuai. Gunakan hasil yang telah dienkode jika teks akan ditempatkan dalam konteks teks atau atribut HTML yang sesuai. Gunakan hasil yang telah didekode jika kamu memerlukan karakter yang direpresentasikan oleh entitas yang ada.

Konversi dijalankan di server. Input dikirim ke server melalui HTTPS dan tidak disimpan.

Pastikan terlebih dahulu apakah kamu memang memerlukan entitas HTML. Nilai dalam string kueri biasanya memerlukan pengodean persen URL, sedangkan domain internasional menggunakan Punycode. Gunakan Pengurai URL dan Konverter IDN Punycode untuk masing-masing format tersebut.

Seperti apa hasil pengodean atau penguraian entitas?

Hasil penguraian mengganti referensi entitas yang dikenali dengan karakter yang diwakilinya. Sebaliknya, hasil pengodean merepresentasikan karakter menggunakan sintaks entitas.

Input: <p>Tea & cake</p>

Hasil penguraian: <p>Tea & cake</p>

Tanda kurung sudut dalam hasil penguraian tersebut adalah karakter yang dapat menjadi markah HTML jika dimasukkan ke halaman sebagai HTML. Penguraian entitas tidak membersihkan konten, menghapus skrip, atau membuat HTML yang tidak tepercaya menjadi aman. Perlakukan materi yang telah didekode sesuai dengan konteks penggunaannya.

Contoh penggunaan dan input yang sulit ditangani

Entitas bernama dan referensi karakter numerik dapat merepresentasikan karakter yang sama dengan cara berbeda. Misalnya, &amp; adalah referensi bernama untuk ampersan, sedangkan &#38; merupakan referensi numerik desimalnya dan &#x26; adalah bentuk heksadesimalnya.

• Spasi biasa dan angka yang ditulis langsung bukan referensi entitas dan umumnya tetap menjadi teks biasa.
• Tanda baca hanya berubah jika muncul sebagai referensi entitas yang dikenali atau sengaja dienkode.
• Huruf beraksen, tulisan non-Latin, dan emoji dapat direpresentasikan dengan referensi karakter numerik yang mengidentifikasi titik kode Unicode tanpa bergantung pada pengodean sumber HTML. Tampilan yang benar bergantung pada dukungan fon, sedangkan pengodean karakter berpengaruh jika hasil penguraian disimpan atau dikirim.

Sertakan titik koma penutup saat menulis entitas. Browser dapat menerima beberapa referensi tanpa titik koma dalam konteks tertentu, tetapi bentuk singkat ini bisa ambigu dan kurang portabel di antara berbagai parser.

Di mana entitas HTML biasa digunakan?

Entitas HTML sering muncul dalam kode sumber HTML, sistem pengelolaan konten, editor teks kaya, dan email HTML. Misalnya, tampilan kode WordPress dapat memuat &nbsp; untuk spasi tanpa pemisah atau &amp; saat ampersan perlu dipertahankan dalam markah.

Entitas juga dapat muncul di dalam data yang dibawa oleh format lain. Kondisi ini menghasilkan beberapa lapisan pengodean yang harus ditangani dengan urutan yang benar.

• Payload JSON dapat memuat fragmen HTML dengan teks yang mengandung entitas. Escape JSON dan penguraian entitas HTML adalah dua proses terpisah.
• String kueri dapat memuat HTML yang dienkode dalam bentuk persen. Uraikan lapisan URL terlebih dahulu, lalu tentukan apakah teks yang dihasilkan juga mengandung entitas.
• URI data dapat memuat HTML atau teks lain yang mengandung entitas, meskipun URI itu sendiri mungkin menggunakan pengodean persen atau Base64.
• Email HTML dapat mengodekan tanda baca yang terlihat sekaligus menggunakan pengodean transfer MIME untuk pengiriman.
• Domain internasional dapat muncul bersama HTML yang dienkode sebagai entitas, tetapi domain itu sendiri biasanya direpresentasikan dengan Punycode, bukan entitas HTML.

Mengapa penguraian entitas HTML gagal atau menghasilkan teks kacau?

Penguraian biasanya gagal karena format input rusak, menggunakan skema pengodean lain, atau memiliki lebih dari satu lapisan pengodean. Periksa teks aslinya untuk mencari referensi karakter HTML bernama atau numerik. Jangan terus menjalankan konversi berulang kali tanpa memeriksa hasilnya.

• Referensi rusak: Ampersan, tanda pagar, atau titik koma yang tidak ada dapat membuat referensi gagal dikenali. Bandingkan teks dengan bentuk seperti &amp; atau &#38;.
• Input dienkode dua kali: Teks seperti &amp;lt; dapat berubah menjadi &lt; setelah satu kali penguraian, lalu memerlukan penguraian kedua yang disengaja agar menjadi tanda kurang dari.
• Set karakter tidak cocok: Teks yang ditafsirkan dengan pengodean karakter yang salah dapat menampilkan simbol pengganti atau huruf beraksen yang rusak.
• Format salah: Teks yang memuat tanda persen mungkin merupakan URL yang telah dienkode. Rangkaian panjang berisi huruf, angka, tanda tambah, garis miring, atau tanda sama dengan di bagian akhir mungkin merupakan Base64.
• Jika input berupa Base64, varian atau alfabetnya salah: Base64 yang aman untuk URL menggunakan karakter berbeda dari Base64 standar. Padding yang tidak ada juga dapat membuat beberapa pengurai gagal. Masalah ini tidak berkaitan dengan sintaks entitas HTML dan harus ditangani dengan Pengubah kode Base64.

Pertanyaan umum

Mengapa &nbsp; terlihat seperti spasi biasa?

&nbsp; merepresentasikan spasi tanpa pemisah. Tampilannya biasanya sama seperti spasi biasa, tetapi mencegah pergantian baris pada posisi tersebut. Editor dapat mempertahankannya tanpa penanda yang terlihat, jadi periksa tampilan kode sumber atau posisi setiap karakter saat mencari penyebab masalah spasi.

Apakah nama entitas HTML membedakan huruf besar dan kecil?

Ya. Referensi karakter bernama memiliki ejaan yang telah ditentukan, dan penggunaan huruf besar atau kecil dapat menentukan apakah referensi dikenali. Gunakan nama resmi secara persis dan sertakan titik komanya, jangan mengandalkan pemulihan kesalahan oleh browser.

Apakah setiap huruf beraksen harus ditulis sebagai entitas?

Tidak. Dokumen HTML UTF-8 yang dideklarasikan dengan benar dapat memuat karakter seperti é, £ dan 中文 secara langsung. Entitas tetap berguna jika diperlukan oleh sintaks markah, sistem lama, atau aturan penerbitan tertentu.

Apakah entitas HTML bisa digunakan dalam XML?

Hanya sejumlah kecil entitas bernama yang telah ditentukan secara bawaan dalam XML, termasuk &amp;, &lt;, &gt;, &quot; dan &apos;. Banyak nama yang valid dalam HTML tidak valid dalam XML kecuali ditentukan oleh tipe dokumen. Karena itu, referensi karakter numerik sering menjadi pilihan yang lebih aman.

Apakah pengonversi entitas dapat memperbaiki HTML yang rusak?

Tidak. Alat ini dapat mengonversi referensi entitas, tetapi tidak menyeimbangkan tag, memperbaiki susunan tag, atau memvalidasi dokumen. Setelah konversi, periksa markah di sekitarnya dan gunakan validator HTML jika halaman masih menunjukkan perilaku yang tidak semestinya.

Pemeriksaan akhir

Pastikan apakah sumber menggunakan referensi karakter HTML bernama atau numerik. Konversikan hanya lapisan referensi karakter yang diperlukan, lalu bandingkan hasilnya dengan teks yang seharusnya terlihat. Sebelum memasukkan konten yang telah didekode ke halaman aktif, periksa setiap tanda kurung sudut, tanda kutip, dan ampersan yang dihasilkan dalam konteks HTML sebenarnya.