HTML - URL Encoding

Halo sana, pengembang web masa depan! Hari ini, kita akan mendalam ke dunia yang menarik dari URL encoding. Jangan khawatir jika Anda baru dalam hal ini; kita akan mulai dari dasar dan naik tingkat perlahan-lahan. Pada akhir panduan ini, Anda akan dapat melakukan URL encoding seperti seorang ahli!

HTML - URL Encoding

Apa Itu URL Encoding?

Sebelum kita melompat ke contoh, mari pahami apa itu URL encoding dan mengapa itu penting.

URL encoding adalah metode konversi karakter ke format yang dapat dikirimkan melalui Internet. Itu seperti memberikan teks Anda paspor khusus untuk melakukan perjalanan aman melalui web!

Bayangkanlah ini: tampaknya Anda mencoba mengirim surat dengan alamat yang mewah yang termasuk simbol dan spasi. Layanan pos mungkin akan bingung! URL encoding adalah seperti menulis kembali alamat itu dalam cara yang dapat dimengerti oleh setiap pekerja pos (atau dalam kasus kita, setiap server web).

Contoh

Mari kita mulai dengan contoh sederhana:

https://www.example.com/my file.html

URL ini memiliki spasi, yang dapat menyebabkan masalah. Ketika kita mengencode ini, itu menjadi:

https://www.example.com/my%20file.html

Lihat %20 itu? Itu adalah versi terencode dari spasi. Keren, kan?

Encoding Karakter Control ASCII

Sekarang, mari bicarakan tentang karakter control ASCII. Ini adalah karakter khusus yang mengontrol bagaimana teks diproses. Dalam URL encoding, kita harus extra hati-hati dengan ini.

Ini adalah tabel dari beberapa karakter control ASCII umum dan versi terencode mereka:

Karakter Encoded
NUL %00
SOH %01
STX %02
ETX %03

Misalnya, jika Anda perlu menyertakan karakter NUL dalam URL (walaupun itu jarang), Anda akan menggunakan %00.

Encoding Karakter Control Non-ASCII

Karakter non-ASCII adalah karakter yang berada di luar set ASCII standar, seperti huruf beraksen atau simbol dari alfabet lain. Ini juga perlu penanganan khusus.

Mari lihat contoh:

https://www.example.com/café

Ketika terencode, ini menjadi:

https://www.example.com/caf%C3%A9

é telah diganti dengan %C3%A9. Ini memastikan bahwa server di seluruh dunia dapat menginterpretasi karakter ini dengan benar.

Encoding Karakter Ter予約

Beberapa karakter memilikiartinya khusus dalam URL. Kita sebut ini karakter ter预约, dan mereka perlu terencode jika kita ingin menggunakannya sebagai karakter biasa.

Ini adalah tabel dari karakter ter预约 dan versi terencode mereka:

Karakter Encoded
! %21
# %23
$ %24
& %26
' %27
( %28
) %29
* %2A
+ %2B
, %2C

Mari lihat contoh:

https://www.example.com/search?q=fish&chips

URL ini menggunakan & sebagai pemisah antara parameter. Jika kita sungguh-sungguh mencari "fish & chips", kita harus mengencode seperti ini:

https://www.example.com/search?q=fish%26chips

Sekarang server tahu bahwa kita mencari "fish & chips" dan bukan dua kata kunci yang terpisah!

Encoding Karakter Tidak Aman

Akhirnya, mari bicarakan tentang karakter yang tidak aman. Ini adalah karakter yang mungkin dipahami salah oleh berbagai sistem dan selalu harus terencode.

Ini adalah tabel dari beberapa karakter yang tidak aman:

Karakter Encoded
Space %20
" %22
< %3C
> %3E
# %23
% %25
{ %7B
} %7D
| %7C
\ %5C
^ %5E
~ %7E

Mari gunakan ini dalam contoh:

https://www.example.com/search?q=C++ Programming

Ketika propertinya terencode, ini menjadi:

https://www.example.com/search?q=C%2B%2B%20Programming

Kita telah mengencode tanda + dan spasi agar mereka diinterpretasi dengan benar.

Menggabungkan Semua

Sekarang kita telah menutupi semua jenis encoding ini, mari coba contoh yang lebih kompleks:

https://www.example.com/search?q=Where's the café? (It's urgent!)

Ketika sepenuhnya terencode, ini menjadi:

https://www.example.com/search?q=Where%27s%20the%20caf%C3%A9%3F%20%28It%27s%20urgent%21%29

Wah, itu terlihat berbeda! Tetapi sekarang ini aman untuk dikirimkan melalui Internet tanpa risiko kesalahan interpretasi.

Kesimpulan

Dan begitu juga, teman-teman! Anda baru saja mengambil langkah pertama ke dunia URL encoding. Ingat, meskipun mungkin tampak kompleks pada awalnya, itu semua tentang memastikan bahwa URL Anda dapat diinterpretasi dengan benar tanpa matter di mana mereka pergi di web.

Pertimbangkan URL encoding sebagai penerjemah universal Internet. Itu membantu URL Anda berkomunikasi secara jelas dengan server di seluruh dunia, tanpa matter karakter khusus atau spasi yang mereka miliki.

Sekarang Anda terus melanjutkan perjalanan Anda dalam pengembangan web, Anda akan menemukan bahwa memahami URL encoding sangat berguna. Itu akan membantu Anda membuat tautan yang kuat, menangani masukan pengguna dengan aman, dan bahkan memperbaiki masalah yang sulit berkaitan dengan URL.

Terus berlatih, dan segera URL encoding akan menjadi alami bagi Anda. Selamat coding, dan semoga semua URL Anda pergi aman melintasi web!

Credits: Image by storyset