HTML entities: encode dan decode
Alat ini meng-encode dan men-decode HTML entities: “&” menjadi “&” dan sebaliknya, dengan referensi bernama, desimal, atau heksadesimal untuk huruf beraksen, tanda euro, dan karakter khusus lain. Teks Anda tidak pernah meninggalkan peramban.
Sumber: WHATWG HTML Living Standard – Named character references. Diperbarui: .
Cara menghitung
HTML entities: untuk apa
HTML entities (referensi karakter) menggantikan karakter yang punya arti khusus di kode sumber atau sulit diketik. Lima yang terpenting adalah & untuk tanda dan, < dan > untuk tanda kurung sudut, " untuk tanda kutip ganda, dan ' untuk apostrof. Tanpa encode, peramban akan membaca tanda kurang dari di teks sebagai awal sebuah tag.
Bernama, desimal, heksadesimal
- Bernama:
éuntuk é,€untuk €. Mudah dibaca, tetapi tidak semua karakter punya nama. - Desimal:
éuntuk é. Berlaku untuk semua karakter Unicode. - Heksadesimal:
éuntuk é, berguna bila Anda tahu titik kode dari tabel Unicode.
Kapan perlu di-encode
Di halaman UTF-8, huruf beraksen dan tanda euro boleh langsung ditulis. Karakter wajib harus di-encode setiap kali teks disisipkan ke HTML, terutama teks dari pengguna: ini mencegah tampilan rusak dan menjadi salah satu lapisan pertahanan terhadap cross-site scripting. Menurut tempatnya (teks HTML, atribut, JavaScript, URL), escape yang berlaku berbeda.
Batasan
Alat ini mengenal referensi bernama yang umum (Latin-1, tipografi, mata uang, panah, matematika, Yunani), bukan semua dari lebih 2.000 nama di daftar WHATWG. Nama yang tidak dikenal dibiarkan saat decode dan dilaporkan. Hasil decode adalah teks, bukan HTML aktif.
Pertanyaan umum
Apa itu HTML entities?
Referensi karakter yang mewakili satu karakter di kode sumber, misalnya tanda dan, kurung sudut, atau huruf beraksen. Diawali tanda dan dan diakhiri titik koma.
Bagaimana cara meng-encode karakter khusus untuk HTML?
Pilih “Encode teks menjadi entity” dan tingkat “bernama”. Di halaman UTF-8, huruf beraksen juga boleh ditulis tanpa encode.
Bagaimana cara men-decode HTML entities?
Pilih “Decode entity menjadi teks” lalu tempel teksnya. Referensi bernama, desimal, dan heksadesimal diubah kembali menjadi karakter.
Karakter apa yang selalu harus di-encode di HTML?
Tanda dan serta kedua kurung sudut. Pada nilai atribut ditambah tanda kutip yang dipakai.
Apa beda entity bernama dan numerik?
Yang bernama punya nama yang terbaca, yang numerik memberi titik kode Unicode sebagai angka. Numerik berlaku untuk semua karakter, bernama hanya untuk yang punya nama.
Sumber dan dasar hukum
- WHATWG HTML Living Standard – Named character references
- MDN – Character reference: named and numeric reference syntax
Diperbarui: · Kebijakan editorial
Alat terkait
- Base64 decode dan encode onlineBase64 decode dan encode online, termasuk Base64url dengan UTF-8 yang benar, serta URL encode/decode (percent-encoding). Pesan error jelas, berjalan di browser.
- HTML formatterHTML formatter: rapikan kode sumber dengan indentasi agar mudah dibaca, atau minify jadi satu baris, dengan peringatan tag yang belum ditutup. Jalan di browser.
- Markdown ke HTML: pratinjau, kode HTML, dan unduhanMarkdown ke HTML dengan pratinjau langsung: judul, daftar, tabel, dan kode sesuai CommonMark. Kode HTML bersih untuk disalin, aman dan tanpa skrip. Gratis.
- Tabel ASCII dengan desimal, heksadesimal, oktal, biner, dan pencarian UnicodeTabel ASCII lengkap (0–127) dan Latin-1 (128–255): desimal, hex, oktal, biner, entitas HTML, karakter kontrol. Cari karakter Unicode apa pun beserta UTF-8.
- JSON formatter, validator, dan minifyJSON formatter online: validasi JSON sesuai RFC 8259, lihat error lengkap dengan baris, kolom, dan penjelasannya. Rapikan, minify, urutkan key – di browser.
- Regex TesterRegex tester online untuk JavaScript: kecocokan disorot langsung, grup tangkapan dalam tabel, dan setiap bagian pola dijelaskan. Gratis, tanpa unggah.
- Cek IP address sayaCek IP address Anda secara instan: menampilkan IP publik Anda, mendeteksi apakah IPv4 atau IPv6, dan menjelaskan bedanya. Gratis, IP Anda tidak disimpan.
- Ubah JSON ke TypeScriptUbah JSON ke TypeScript: hasilkan tipe, interface, atau skema JSON dari data contoh, lengkap dengan field opsional. Di browser, tanpa upload.
- Ubah CSV ke SQLUbah CSV ke SQL: hasilkan CREATE TABLE dan INSERT untuk MySQL, PostgreSQL, SQLite, atau SQL Server. Tipe terdeteksi, di browser, tanpa upload.