Encoder / Decoder Entitas HTML — Escape dan Unescape HTML

Apa itu Encoder Entitas HTML?

Encoder / Decoder Entitas HTML (HTML एनकोडर / डिकोडर) mengubah karakter yang memiliki arti khusus di HTML menjadi kode aman yang disebut entitas, dan mengubah kode itu kembali menjadi karakter. Di HTML, tanda kurang-dari memulai sebuah tag, ampersand memulai sebuah entitas, dan tanda kutip membatasi nilai atribut. Jika Anda ingin halaman web menampilkan “<div>”, “5 < 10”, atau “Tom & Jerry”, karakter-karakter itu harus ditulis sebagai <, >, dan &. Jika tidak, browser memperlakukannya sebagai markup — merusak tata letak atau, dengan input tak tepercaya, membuka pintu bagi cross-site scripting (XSS).

Tool gratis ini meng-escape lima karakter khusus HTML, juga bisa mengubah simbol umum menjadi entitas bernama seperti © dan —, atau mengubah setiap karakter non-ASCII — Hindi, emoji, ₹ — menjadi referensi numerik untuk sistem yang hanya menerima ASCII biasa. Ke arah sebaliknya, tool men-decode entitas bernama atau numerik apa pun, dari   hingga 😀, kembali menjadi karakter sebenarnya. Decoding memakai DOMParser browser yang hanya mem-parse, sehingga bahkan tag script yang ditempel tidak pernah dijalankan.

Fitur Utama

• Hanya karakter khusus — & < > “ ' di-escape untuk konten dan atribut HTML yang aman.
• Entitas bernama — sekitar 30 simbol umum (&nbsp; &copy; &reg; &euro; &rarr; &hellip; …).
• Referensi desimal — setiap karakter non-ASCII sebagai &#NNNN;.
• Referensi hex — setiap karakter non-ASCII sebagai &#xHHHH;.
• Decode apa pun — semua entitas bernama HTML5 dan referensi numerik.
• Aman untuk emoji — karakter di luar Basic Multilingual Plane menjadi satu referensi, bukan dua.
• Jumlah entitas dan salin sekali klik.
• Privat — berjalan lokal.

Cara Memakainya — Langkah demi Langkah

1. Pilih Encode atau Decode.
2. Untuk encoding, pilih mode — hanya karakter khusus (paling umum), entitas bernama, atau numerik.
3. Tempel teks, kode, atau HTML Anda.
4. Salin hasilnya, atau tekan Pakai hasil sebagai input untuk membaliknya.

Perbandingan Mode Encoding

Input: <p class="note">Price: ₹500 — "Tom & Jerry" © 2026</p>

Tanda rupee tidak punya entitas bernama, jadi mode bernama membiarkannya sebagai ₹ sementara mode numerik mengubahnya.

Lima Karakter yang Wajib Di-escape

HTML Escaping dan XSS

Cross-site scripting terjadi ketika teks tak tepercaya — nama pengguna, komentar, atau kata pencarian — ditaruh ke halaman tanpa escaping, memungkinkan penyerang menyuntikkan <script> atau atribut event-handler. Meng-escape lima karakter khusus menetralkannya untuk konten elemen biasa dan nilai atribut bertanda kutip, karena browser lalu melihat teks, bukan kode. Tetapi konteks penting: data yang ditaruh di dalam JavaScript, URL, CSS, atau atribut tanpa tanda kutip membutuhkan escaping berbeda, dan sebagian sink (seperti innerHTML dengan input pengguna) berisiko apa pun kondisinya. Di aplikasi nyata, andalkan escaping otomatis framework Anda (React, Angular, Django, Laravel Blade, Jinja, dan lainnya meng-escape secara default), pakai textContent alih-alih innerHTML di JavaScript biasa, dan tambahkan Content Security Policy. Tool ini ideal untuk escaping sekali pakai, dokumentasi, dan belajar.

Referensi Karakter Numerik

Setiap karakter Unicode memiliki nomor yang disebut code point. HTML memungkinkan Anda menulis karakter apa pun sebagai &# + angka desimal + ; atau &#x + angka heksadesimal + ;. Huruf Devanagari न adalah U+0928, jadi bisa ditulis sebagai न atau न; “नमस्ते” menjadi नमस्ते. Emoji memiliki code point di atas U+FFFF — 😀 adalah U+1F600, ditulis 😀 atau 😀. Sebagian konverter naif memecah karakter seperti itu menjadi dua referensi “surrogate” yang tidak valid; tool ini membaca code point penuh, jadi outputnya selalu valid.

Kapan Anda Benar-benar Membutuhkan Entitas?

• Selalu untuk & < > dan tanda kutip ketika harus tampil sebagai teks.
• Menampilkan kode di tutorial, blog, dan dokumentasi di dalam <pre> atau <code>.
• Sistem khusus ASCII — sebagian pembuat email, gateway SMS, feed XML, atau database lama.
• Karakter tak terlihat atau membingungkan — &nbsp;, &shy;, dan karakter lebar-nol lebih jelas sebagai entitas.
• Tidak perlu untuk huruf Hindi, huruf beraksen, atau emoji pada halaman yang disajikan sebagai UTF-8 — ketik langsung.

Men-decode Entitas

Teks yang disalin dari sumber halaman, feed RSS, API, atau database sering tiba penuh entitas: Tom & Jerry, café, ₹500. Beralih ke Decode dan tempel untuk mendapat teks yang terbaca. Decoder memahami daftar lengkap entitas bernama HTML5 (lebih dari 2,000) dan semua bentuk numerik, karena memakai parser HTML milik browser. Teks ter-encode ganda seperti & ter-decode satu tingkat demi satu — tekan “Pakai hasil sebagai input” dan decode lagi.

Cara Kerja Tool Ini

Encoding menelusuri teks Anda satu code point Unicode pada satu waktu (bukan satu unit UTF-16), sehingga emoji dan karakter lain di luar U+FFFF dikonversi utuh. Lima karakter khusus selalu di-escape; pada mode bernama, tabel kecil nama yang didukung baik diterapkan berikutnya; pada mode numerik, karakter apa pun di atas rentang ASCII (code point 127) menjadi referensi desimal atau heksadesimal. Decoding menyerahkan teks ke parser HTML sesuai standar milik browser di dalam dokumen terisolasi tanpa script dan membaca kembali teks biasa, itulah mengapa semua 2,000+ entitas bernama HTML5 dikenali. Tidak ada teks yang dikirim ke mana pun.

Email HTML dan Entitas

Klien email kurang toleran dibanding browser. Sebagian klien atau platform pengirim yang lebih lama merusak karakter non-ASCII jika encoding pesan tidak dideklarasikan dengan benar, mengubah “₹” atau “—” menjadi simbol aneh. Referensi numerik seperti ₹ dan — bertahan di hampir semua jalur karena berupa ASCII biasa. Saat mendesain template newsletter, jalankan simbol khusus lewat mode numerik, biarkan huruf biasa apa adanya, dan selalu kirim email uji ke beberapa klien sebelum kampanye.

Kegunaan Umum

• Menampilkan cuplikan kode di postingan blog dan dokumentasi.
• Menyiapkan teks untuk template email HTML.
• Membersihkan teks penuh entitas yang diekspor dari CMS dan feed.
• Meng-escape nilai sebelum menaruhnya di atribut HTML secara manual.
• Mengubah teks Hindi menjadi referensi aman-ASCII untuk sistem lama.
• Mempelajari cara kerja parsing HTML dan pertahanan XSS.
• Menampilkan contoh HTML di postingan forum atau kotak komentar yang menerima markup terbatas.

Kesalahan Umum yang Perlu Dihindari

• Meng-escape dua kali — &amp;lt; menampilkan “&lt;” di layar, bukan “<”.
• Lupa titik koma — browser sering menebak, tetapi tidak selalu benar.
• Meng-escape untuk konteks yang salah — HTML escaping tidak membuat teks aman di dalam string JavaScript atau URL.
• Memakai entitas, bukan UTF-8 untuk setiap huruf Hindi — membengkakkan halaman dan sulit diedit.
• Atribut tanpa tanda kutip — selalu beri tanda kutip pada nilai atribut, lalu escape tanda kutipnya.

Pemecahan Masalah

• Entitas masih terlihat di halaman — teks ter-encode dua kali; decode sekali.
• Tanda tanya atau kotak — halaman tidak disajikan sebagai UTF-8; tambahkan <meta charset=“UTF-8”> atau gunakan mode numerik.
• Entitas bernama tidak ter-decode — periksa ejaan dan titik koma di akhir.
• Tanda kutip tunggal tampak tidak berubah pada mode bernama — di-escape sebagai numerik &#39;, yang merupakan bentuk paling kompatibel.
• Jeda baris hilang di halaman — HTML menggabungkan baris baru; bungkus teks ter-encode dalam elemen pre atau ubah jeda baris menjadi tag br.

Glosarium Singkat

• Entitas: kode seperti &amp; yang merepresentasikan karakter di HTML.
• Entitas bernama: entitas dengan nama, seperti &copy;.
• Referensi karakter numerik: &#169; atau &#xA9;, berdasarkan code point.
• Escaping: mengubah karakter khusus agar diperlakukan sebagai teks.
• XSS: cross-site scripting, menyuntikkan script lewat input yang tidak di-escape.
• Code point: nomor karakter di Unicode, seperti U+0928.

Mengapa Memakai Encoder HTML Ini?

Menawarkan tingkat escaping yang tepat untuk setiap pekerjaan, menangani huruf Hindi dan emoji dengan benar, men-decode setiap entitas dengan aman, dan menjelaskan kapan entitas benar-benar diperlukan — gratis, instan, dan privat.

Encoder / Decoder Entitas HTML — Fakta Penting

Pertanyaan yang Sering Diajukan

Jelajahi Tools Prompt Minds Lainnya

Encoder / Decoder Entitas HTML sangat cocok dipakai bersama tools gratis kami yang lain. Setiap tool Prompt Minds berjalan sepenuhnya di browser Anda — tanpa daftar, tanpa unggahan, tanpa watermark. Lihat semua tools gratis.