HTML Entity Encoder / Decoder

Encode dan decode HTML entity untuk paparan selamat dalam halaman web

Pilihan Encoding

Semua encoding dan decoding dilakukan secara tempatan dalam pelayar anda.

Tentang HTML Entity Encoder / Decoder

Alat encoder dan decoder HTML entity dalam talian percuma ini membantu anda menukar aksara khas kepada HTML entity dan sebaliknya. HTML entity digunakan untuk memaparkan aksara terpelihara dalam HTML yang sebaliknya akan ditafsirkan sebagai kod HTML.

Sebagai contoh, tanda kurang-dari (<) mesti di-encode sebagai &lt; untuk dipaparkan dengan betul dalam HTML. Alat ini memudahkan proses encoding dan decoding HTML entity dengan cepat dan mudah.

Semua pemprosesan teks dilakukan secara tempatan dalam pelayar anda - data anda tidak pernah meninggalkan peranti anda.

Cara Penggunaan

  1. Tampal atau taip teks anda di bahagian input
  2. Pilih pilihan encoding:
    • Named Entity: Tukar kepada nama entity yang boleh dibaca seperti &lt;, &gt;, &amp;
    • Numeric Entity: Tukar kepada nombor perpuluhan seperti &#60;, &#62;, &#38;
    • Hexadecimal Entity: Tukar kepada nombor heksadesimal seperti &#x3C;, &#x3E;, &#x26;
  3. Klik Encode untuk menukar aksara khas kepada HTML entity
  4. Klik Decode untuk menukar HTML entity kembali kepada aksara biasa
  5. Gunakan Tukar untuk bertukar teks input dan output
  6. Salin hasil atau muat turun sebagai fail teks

Ciri-ciri

  • Encode kepada HTML Entity: Tukar aksara khas kepada HTML entity yang selamat
  • Decode HTML Entity: Tukar HTML entity kembali kepada aksara biasa
  • Pelbagai Jenis Entity: Named, numeric (perpuluhan), dan hexadecimal entity
  • Encoding Fleksibel: Encode semua aksara atau aksara khas sahaja
  • Tukar Input/Output: Tukar teks antara input dan output dengan cepat
  • Statistik Aksara: Lihat kiraan aksara dan kiraan entity
  • Salin ke Clipboard: Penyalinan dengan satu klik
  • Muat Turun sebagai Fail: Simpan hasil sebagai fail .txt atau .html
  • Pemprosesan Masa Nyata: Encoding dan decoding segera

Privasi & Keselamatan

Privasi anda adalah penting. Alat ini memproses semua teks sepenuhnya dalam pelayar anda.

  • Tiada data dihantar ke mana-mana pelayan
  • Tiada pengelogan atau penjejakan kandungan teks anda
  • Berfungsi sepenuhnya secara offline selepas muatan halaman awal
  • Selamat untuk kod HTML dan kandungan yang sensitif

Kegunaan Biasa

  • Pembangunan Web: Memaparkan input pengguna atau potongan kod dengan selamat dalam HTML
  • Templat E-mel: Encode aksara khas untuk e-mel HTML
  • Feed XML/RSS: Encode kandungan untuk dokumen XML
  • Pengurusan Kandungan: Menyediakan teks untuk penyimpanan atau paparan pangkalan data
  • Dokumentasi Kod: Memaparkan contoh kod HTML tanpa pelaksanaan
  • SEO & Meta Tag: Encode aksara khas dalam meta description
  • Pencegahan XSS: Sanitize input pengguna untuk mencegah serangan cross-site scripting
  • Migrasi Data: Tukar antara format encoding yang berbeza

Istilah & Konsep Utama

HTML Entity

HTML entity adalah sekeping teks (string) yang bermula dengan ampersand (&) dan berakhir dengan semicolon (;). Entity digunakan untuk memaparkan aksara terpelihara yang sebaliknya akan ditafsirkan sebagai kod HTML, dan aksara yang tidak muncul dengan mudah pada papan kekunci anda.

Named Entity

Named entity menggunakan nama deskriptif yang mudah diingati. Contohnya: &lt; untuk less-than (<), &gt; untuk greater-than (>), &amp; untuk ampersand (&), &quot; untuk quote ("), dan &nbsp; untuk non-breaking space.

Numeric Entity

Numeric entity menggunakan nombor perpuluhan untuk mewakili aksara berdasarkan Unicode code point mereka. Contohnya: &#60; untuk <, &#62; untuk >, &#38; untuk &. Numeric entity berfungsi untuk mana-mana aksara Unicode.

Hexadecimal Entity

Hexadecimal entity adalah serupa dengan numeric entity tetapi menggunakan nombor heksadesimal (base-16) dan bukannya perpuluhan. Contohnya: &#x3C; untuk <, &#x3E; untuk >, &#x26; untuk &. Ramai pembangun lebih suka hex entity kerana ia sepadan dengan notasi Unicode.

Character Encoding

Character encoding adalah proses menukar aksara kepada format yang boleh disimpan atau dihantar dengan selamat. HTML entity encoding adalah satu kaedah character encoding yang direka khusus untuk dokumen HTML dan XML.

Reserved Characters

Reserved characters dalam HTML adalah aksara yang mempunyai makna khas dan tidak boleh digunakan secara langsung dalam kandungan. Ini termasuk: < (less than), > (greater than), & (ampersand), " (quote), dan ' (apostrophe). Ini mesti di-encode sebagai HTML entity.

Contoh

Contoh 1: Encoding Aksara Khas

Input:

<div class="container">Hello & Welcome!</div>

Output (Named Entity):

&lt;div class=&quot;container&quot;&gt;Hello &amp; Welcome!&lt;/div&gt;

Contoh 2: Decoding HTML Entity

Input:

Price: &pound;99.99 &ndash; Order now &rarr;

Output:

Price: £99.99 – Order now →

Contoh 3: Numeric vs Named Entity

Asal: <

Named Entity: &lt;

Numeric Entity: &#60;

Hex Entity: &#x3C;

Ketiga-tiga format mewakili aksara yang sama dan akan dipaparkan secara sama dalam pelayar.

Nota Penting

Sokongan Pelayar: HTML entity disokong oleh semua pelayar web. Named entity lebih mudah dibaca tetapi mungkin tidak disokong untuk semua aksara Unicode. Numeric dan hexadecimal entity berfungsi untuk mana-mana aksara.
Keperluan Encoding: Tidak semua aksara perlu di-encode. Hanya aksara terpelihara (<, >, &, ", ') dan aksara Unicode khas yang mungkin tidak dipaparkan dengan betul memerlukan encoding.
URL Encoding vs HTML Encoding: HTML entity encoding berbeza daripada URL encoding. HTML entity digunakan dalam kandungan HTML, manakala URL encoding digunakan dalam alamat web. Jangan kelirukan kedua-duanya.
Prestasi: Untuk jumlah teks yang besar, encoding setiap aksara boleh meningkatkan saiz fail dengan ketara. Gunakan "encode aksara khas sahaja" untuk prestasi yang lebih baik.
Double Encoding: Berhati-hati untuk tidak meng-encode teks yang sudah di-encode. Sebagai contoh, encoding &lt; sekali lagi akan menghasilkan &amp;lt;, yang dipaparkan sebagai &lt; dan bukannya <.
Case Sensitivity: Named entity adalah case-sensitive. &Nbsp; tidak sama dengan &nbsp;. Sentiasa gunakan huruf yang betul.
Advertisement