Pengekod / Penyahkod Entiti HTML

Enkod dan dekod entiti HTML untuk paparan selamat dalam halaman web

Pilihan Pengekodan

Semua proses enkod dan dekod dilakukan secara setempat dalam penyemak imbas anda.

Tentang Pengekod / Penyahkod Entiti HTML

Alat pengekod dan penyahkod entiti HTML dalam talian percuma ini membantu anda menukar aksara khas kepada entiti HTML dan sebaliknya. Entiti HTML digunakan untuk memaparkan aksara terpelihara dalam HTML yang sebaliknya akan ditafsirkan sebagai kod HTML.

Sebagai contoh, tanda kurang daripada (<) mesti dienkod sebagai &lt; untuk dipaparkan dengan betul dalam HTML. Alat ini menjadikan proses mengekod dan menyahkod entiti HTML cepat dan mudah.

Semua pemprosesan teks dilakukan secara setempat dalam penyemak imbas anda - data anda tidak pernah meninggalkan peranti anda.

Cara Menggunakan

  1. Tampal atau taip teks anda dalam ruang input
  2. Pilih pilihan pengekodan:
    • Entiti Bernama: Tukar kepada nama entiti yang mudah dibaca seperti &lt;, &gt;, &amp;
    • Entiti Numerik: Tukar kepada nombor perpuluhan seperti &#60;, &#62;, &#38;
    • Entiti Heksadesimal: Tukar kepada nombor heks seperti &#x3C;, &#x3E;, &#x26;
  3. Klik Enkod untuk menukar aksara khas kepada entiti HTML
  4. Klik Dekod untuk menukar entiti HTML kembali kepada aksara biasa
  5. Gunakan Tukar untuk menukar tempat teks input dan output
  6. Salin hasil atau muat turun sebagai fail teks

Ciri-ciri

  • Enkod kepada Entiti HTML: Tukar aksara khas kepada entiti HTML yang selamat
  • Dekod Entiti HTML: Tukar entiti HTML kembali kepada aksara biasa
  • Pelbagai Jenis Entiti: Entiti bernama, numerik (perpuluhan), dan heksadesimal
  • Pengekodan Fleksibel: Enkod semua aksara atau aksara khas sahaja
  • Tukar Input/Output: Tukar teks antara input dan output dengan pantas
  • Statistik Aksara: Lihat jumlah aksara dan jumlah entiti
  • Salin ke Papan Klip: Salin sekali klik
  • Muat Turun sebagai Fail: Simpan hasil sebagai fail .txt atau .html
  • Pemprosesan Masa Nyata: Enkod dan dekod segera

Privasi & Keselamatan

Privasi anda penting. Alat ini memproses semua teks sepenuhnya dalam penyemak imbas anda.

  • Tiada data dihantar ke mana-mana pelayan
  • Tiada log atau penjejakan kandungan teks anda
  • Berfungsi sepenuhnya di luar talian selepas pemuatan halaman awal
  • Selamat untuk kod HTML dan kandungan sensitif

Kegunaan Biasa

  • Pembangunan Web: Paparkan input pengguna atau cebisan kod dengan selamat dalam HTML
  • Templat E-mel: Enkod aksara khas untuk e-mel HTML
  • Suapan XML/RSS: Enkod kandungan untuk dokumen XML
  • Pengurusan Kandungan: Sediakan teks untuk storan atau paparan dalam pangkalan data
  • Dokumentasi Kod: Paparkan contoh kod HTML tanpa pelaksanaan
  • SEO & Meta Tag: Enkod aksara khas dalam meta description
  • Pencegahan XSS: Sanitasi input pengguna untuk mengelakkan serangan cross-site scripting
  • Migrasi Data: Tukar antara format pengekodan yang berbeza

Istilah & Konsep Utama

Entiti HTML

Entiti HTML ialah sekeping teks (rentetan) yang bermula dengan ampersand (&) dan berakhir dengan titik koma (;). Entiti digunakan untuk memaparkan aksara terpelihara yang sebaliknya akan ditafsirkan sebagai kod HTML, serta aksara yang tidak mudah didapati pada papan kekunci anda.

Entiti Bernama

Entiti bernama menggunakan nama deskriptif yang mudah diingati. Contohnya: &lt; untuk kurang daripada (<), &gt; untuk lebih daripada (>), &amp; untuk ampersand (&), &quot; untuk tanda petik ("), dan &nbsp; untuk ruang tidak terputus.

Entiti Numerik

Entiti numerik menggunakan nombor perpuluhan untuk mewakili aksara berdasarkan titik kod Unicode. Contohnya: &#60; untuk <, &#62; untuk >, &#38; untuk &. Entiti numerik berfungsi untuk mana-mana aksara Unicode.

Entiti Heksadesimal

Entiti heksadesimal serupa dengan entiti numerik tetapi menggunakan nombor heksadesimal (asas-16) dan bukannya perpuluhan. Contohnya: &#x3C; untuk <, &#x3E; untuk >, &#x26; untuk &. Ramai pembangun lebih suka entiti heks kerana ia sepadan dengan notasi Unicode.

Pengekodan Aksara

Pengekodan aksara ialah proses menukar aksara kepada format yang boleh disimpan atau dihantar dengan selamat. Pengekodan entiti HTML ialah satu kaedah pengekodan aksara yang direka khusus untuk dokumen HTML dan XML.

Aksara Terpelihara

Aksara terpelihara dalam HTML ialah aksara yang mempunyai makna khas dan tidak boleh digunakan secara langsung dalam kandungan. Ini termasuk: < (kurang daripada), > (lebih daripada), & (ampersand), " (tanda petik), dan ' (apostrof). Semua ini mesti dienkod sebagai entiti HTML.

Contoh

Contoh 1: Mengekod Aksara Khas

Input:

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

Output (Entiti Bernama):

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

Contoh 2: Menyahkod Entiti HTML

Input:

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

Output:

Price: £99.99 – Order now →

Contoh 3: Entiti Numerik vs Bernama

Asal: <

Entiti Bernama: &lt;

Entiti Numerik: &#60;

Entiti Heks: &#x3C;

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

Nota Penting

Sokongan Pelayar: Entiti HTML disokong oleh semua pelayar web. Entiti bernama lebih mudah dibaca tetapi mungkin tidak disokong untuk semua aksara Unicode. Entiti numerik dan heksadesimal berfungsi untuk mana-mana aksara.
Keperluan Pengekodan: Bukan semua aksara perlu dienkod. Hanya aksara terpelihara (<, >, &, ", ' ) dan aksara Unicode khas yang mungkin tidak dipaparkan dengan betul perlu dienkod.
Pengekodan URL vs HTML: Pengekodan entiti HTML berbeza daripada pengekodan URL. Entiti HTML digunakan dalam kandungan HTML, manakala pengekodan URL digunakan dalam alamat web. Jangan kelirukan kedua-duanya.
Prestasi: Untuk jumlah teks yang besar, mengekod setiap aksara boleh meningkatkan saiz fail dengan ketara. Gunakan "enkod aksara khas sahaja" untuk prestasi yang lebih baik.
Pengekodan Berganda: Berhati-hati agar tidak mengekod teks yang sudah dienkod. Sebagai contoh, mengekod &lt; sekali lagi akan menghasilkan &amp;lt;, yang dipaparkan sebagai &lt; dan bukannya <.
Kepekaan Huruf Besar/Kecil: Entiti bernama sensitif huruf besar dan kecil. &Nbsp; tidak sama dengan &nbsp;. Sentiasa gunakan bentuk huruf yang betul.
Advertisement