Softonic

Referensi Karakter HTML

Langkah 1 / 3

Ketik karakternya langsung, namanya (copy), kodenya (169 atau U+00A9), atau sebuah kata (panah).

Berikutnya: lihat karakter

Mengetik © lalu bertanya-tanya apakah benar-benar akan tampil sebagai simbol ©, atau mencari entitas untuk en dash, spasi tanpa pemutus baris, atau huruf Yunani, selalu memakan waktu beberapa menit setiap kali. Referensi yang dapat dicari ini memuat entitas bernama dan numerik HTML yang paling berguna, mulai dari tanda baca dan simbol mata uang hingga tanda matematika dan panah, lengkap dengan pencarian instan dan salin satu ketukan.

Cara menemukan entitas HTML

  1. 1

    Cari berdasarkan nama atau karakter

    Ketik `©`, `copy`, `169`, `U+00A9`, atau `hak cipta`: masing-masing akan menemukan simbol hak cipta.

  2. 2

    Pilih dari tabel

    Setiap baris menampilkan karakter, bentuk bernama, dan kode numeriknya.

  3. 3

    Salin dengan satu sentuhan

    Tekan untuk menyalin karakter, entitas bernama, atau entitas numerik.

  4. 4

    Filter berdasarkan kategori

    Kurangi pilihan berdasarkan simbol umum, panah, tanda matematika, atau tanda baca.

Tiga cara menulis karakter yang sama

HTML memungkinkan Anda menulis karakter khusus dengan tiga cara berbeda. Pilihlah cara yang paling mudah dibaca dan pasti dapat ditampilkan dengan benar.

Tiga bentuk

Karakter Entitas bernama Angka desimal Angka heksadesimal
© © © ©
® ® ® ®
™ ™ ™ ™
€ € € €
— — — —
– – – –
… … … …
       
< &lt; &#60; &#x3C;
> &gt; &#62; &#x3E;
& &amp; &#38; &#x26;
“ &quot; &#34; &#x22;

Kapan menggunakan masing-masing bentuk

  • Entitas bernama mudah dibaca di kode sumber (&mdash; jelas merupakan em dash), tetapi HTML hanya mendefinisikan 2.125 nama (252 di antaranya berasal dari HTML 4.01) dan sebagian besar karakter Unicode tidak memilikinya; karakter lain harus menggunakan bentuk numerik.
  • Angka desimal berlaku untuk setiap karakter Unicode kecuali kode 128 sampai 159, yang dibaca browser sebagai karakter Windows-1252 (&#150; menampilkan tanda pisah en); gunakan ketika Anda mengetahui nilai desimalnya (biasanya dari kartu referensi).
  • Angka heksadesimal sesuai dengan notasi yang digunakan Unicode itu sendiri (U+2014). Konversikan nilai U+NNNN dengan menambahkan prefiks &#x di depannya.

Karakter yang harus di-escape

Kelima karakter ini akan merusak HTML jika dibiarkan mentah di dalam konten:

  • <, escape menjadi &lt;, termasuk di dalam <pre>.
  • >, escape menjadi &gt; (hanya diperlukan di dalam atribut).
  • &, escape menjadi &amp; dalam setiap konteks.
  • ", escape menjadi &quot; di dalam nilai atribut.
  • ', escape menjadi &#39; atau &apos; di dalam atribut yang ditulis dengan tanda kutip tunggal.

Semua hal lainnya bersifat opsional dalam UTF-8 HTML5; karakter Unicode mentah juga diperbolehkan digunakan.

Pertanyaan yang Sering Diajukan

Ya, karena karakter tersebut tidak terlihat dalam kode sumber. Penggunaan &nbsp; bersifat dokumentasi otomatis; pengembang lain yang membaca kode Anda langsung akan memahami maksud Anda untuk mencegah terjadinya pemisahan baris di bagian tersebut.

Tidak, &apos; didefinisikan dalam XML dan HTML5, tetapi tidak dalam HTML4. Gunakan &#39; jika Anda memerlukan tanda kutip dalam dokumen HTML4 yang sepenuhnya sesuai standar; meskipun demikian, semua peramban modern tetap mampu menampilkan keduanya dengan benar.

U+0020 adalah spasi biasa yang bisa dijadikan titik pemutus baris oleh peramban. U+00A0 (spasi tanpa pemutus baris, &nbsp;) mencegah pemutusan baris dan tidak digabung dengan spasi di sebelahnya; gunakan untuk “10 km” agar nilai dan satuannya tetap menyatu.

Emoji memiliki titik kode Unicode dan dapat ditulis sebagai entitas numerik (&#128512; = 😀). Namun, dalam file HTML modern yang menggunakan format UTF-8, emoji dapat langsung dilekatkan. Bentuk entitas hanya berguna untuk surel atau sistem yang memiliki batasan pengkodean.

Alat Terkait

Generator Konfigurasi Webpack

Buat webpack.config.js untuk webpack 5 bagi JavaScript biasa, React, atau Vue: TypeScript, Babel, CSS atau Sass, gambar, HtmlWebpackPlugin, server pengembangan, dan baris npm install.

Referensi Tabel ASCII

Tabel ASCII lengkap dari 0 sampai 127 dengan desimal, heksadesimal, oktal, biner, dan referensi karakter numerik HTML untuk setiap karakter, termasuk kode kontrol seperti NUL, LF, dan DEL.

Validator OpenAPI

Tempel dokumen OpenAPI atau Swagger dalam JSON atau YAML dan periksa struktur intinya: bidang versi, objek info, dan paths, dengan galat dan peringatan yang jelas.

Pemformat PHP

Tambahkan baris baru dan indentasi 2 atau 4 spasi ke cuplikan PHP sederhana. Periksa hasilnya: alat ini bukan parser PHP dan tidak menerapkan PSR-12.

Generator Loader CSS

Buat spinner lingkaran CSS murni: atur diameter, ketebalan border, warna dan kecepatan rotasi, lihat pratinjau langsung, lalu salin CSS siap pakai. Tanpa SVG, tanpa JavaScript.

Dekoder Protocol Buffers

Dekode byte wire-format Protobuf secara lokal dari hex, Base64, Base64URL, teks, atau file; periksa kandidat field yang tepat dan ekspor laporan privat.

Alat ini tersedia dalam bahasa lain