HTML - URL Encoding

Hai there, bakal pelopor web! Hari ini, kita bakal masuk ke dunia yang menarik dari penyeimbangan URL. Jangan khawatir jika anda baru saja memulai; kita akan mulai dari dasar dan naik turun. Pada akhir panduan ini, anda akan melakukan penyeimbangan URL seperti seorang pro!

HTML - URL Encoding

Apa Itu URL Encoding?

Sebelum kita melompat ke contoh, mari kita mengerti apa itu penyeimbangan URL dan mengapa itu penting.

Penyeimbangan URL adalah metode untuk mengkonversi karakter ke format yang dapat dikirimkan melalui Internet. Itu seperti memberikan teks anda paspor khusus untuk melakukan perjalanan aman di web!

Bayangkan seperti ini:想象一下,anda mencoba mengirim surat dengan alamat yang mewah yang termasuk simbol dan spasi. Layanan pos mungkin akan bingung! Penyeimbangan URL adalah seperti menulis 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 mensimbangkan itu, itu menjadi:

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

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

Penyeimbangan Karakter Control ASCII

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

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

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

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

Penyeimbangan Karakter Control Non-ASCII

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

Mari lihat contoh:

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

Ketika disimbangkan, ini menjadi:

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

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

Penyeimbangan Karakter Terilibat

Beberapa karakter memiliki arti khusus dalam URL. Kita sebut mereka karakter terilibat, dan mereka perlu disimbangkan jika kita ingin menggunakannya sebagai karakter biasa.

Ini adalah tabel karakter terilibat dan versi penyeimbangan mereka:

Karakter Terimbang
! %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 benar-benar ingin mencari "fish & chips", kita harus mensimbangkan 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!

Penyeimbangan Karakter Tidak Aman

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

Ini adalah tabel dari beberapa karakter yang tidak aman:

Karakter Terimbang
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 disimbangkan dengan benar, ini menjadi:

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

Kita telah mensimbangkan tanda + dan spasi agar mereka diinterpretasikan dengan benar.

Menggabungkan Semua

Sekarang kita telah menutupi semua jenis penyeimbangan ini, mari cobalah contoh yang lebih kompleks:

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

Ketika sepenuhnya disimbangkan, 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 itu aman untuk dikirim melalui Internet tanpa risiko kesalahan interpretasi.

Kesimpulan

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

Pikirkan penyeimbangan URL seperti penerjemah universal Internet. Itu membantu URL anda berkomunikasi dengan jelas dengan server di seluruh dunia, tidak matter apa karakter spesial atau spasi yang mereka miliki.

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

Tetap berlatih, dan segera penyeimbangan URL akan menjadi hal yang natural bagi Anda. Selamat mengoding, dan may all your URLs travel safely across the web!

Credits: Image by storyset