HTML - Codifica URL

Ciao a tutti, futuri sviluppatori web! Oggi esploreremo il mondo affascinante della codifica URL. Non preoccupatevi se siete nuovi a questo argomento; inizieremo dalle basi e poi affineremo le nostre conoscenze. Alla fine di questo tutorial, sarete in grado di codificare URL come professionisti!

Cos'è la Codifica URL?

Prima di immergerci negli esempi, cerchiamo di capire cos'è la codifica URL e perché è importante.

La codifica URL è un metodo per convertire i caratteri in un formato che può essere trasmesso su Internet. È come dare al vostro testo un passaporto speciale per viaggiare in sicurezza attraverso la rete!

Immaginate di voler inviare una lettera con un indirizzo particolare che include simboli e spazi. Il servizio postale potrebbe confondersi! La codifica URL è come riscrivere quell'indirizzo in un modo che ogni fattorino (o, nel nostro caso, ogni server web) possa comprendere.

Esempio

Iniziamo con un esempio semplice:

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

Questo URL contiene uno spazio, che potrebbe causare problemi. Quando lo codifichiamo, diventa:

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

Vedete %20? È la versione codificata di uno spazio. Cool, vero?

Codifica dei Caratteri di Controllo ASCII

Ora parliamo dei caratteri di controllo ASCII. Questi sono caratteri speciali che controllano come viene elaborato il testo. Nella codifica URL, dobbiamo essere particolarmente attenti con questi.

Ecco una tabella di alcuni caratteri di controllo ASCII comuni e le loro versioni codificate:

Carattere	Codificato
NUL	%00
SOH	%01
STX	%02
ETX	%03

Per esempio, se aveste bisogno di includere un carattere NUL in un URL (anche se è raro), usereste %00.

Codifica dei Caratteri di Controllo Non-ASCII

I caratteri non-ASCII sono quelli al di fuori del set standard ASCII, come lettere accentate o simboli da altri alfabeti. Questi richiedono una gestione speciale.

Guardiamo un esempio:

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

Quando codificato, questo diventa:

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

L'é è stato sostituito con %C3%A9. Questo garantisce che i server in tutto il mondo possano interpretare correttamente questo carattere.

Codifica dei Caratteri Riservati

Alcuni caratteri hanno significati speciali negli URL. Li chiamiamo caratteri riservati e devono essere codificati se vogliamo usarli come caratteri regolari.

Ecco una tabella di caratteri riservati e le loro versioni codificate:

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

Guardiamo un esempio:

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

Questo URL utilizza il & come separatore tra parametri. Se avessimo voluto cercare "fish & chips", avremmo dovuto codificarlo così:

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

Ora il server sa che stiamo cercando "fish & chips" e non due termini di ricerca separati!

Codifica dei Caratteri Non Sicuri

Infine, parliamo dei caratteri non sicuri. Questi sono caratteri che potrebbero essere fraintesi da vari sistemi e dovrebbero sempre essere codificati.

Ecco una tabella di alcuni caratteri non sicuri:

Carattere	Codificato
Spazio	%20
"	%22
<	%3C
>	%3E
#	%23
%	%25
{	%7B
}	%7D
|	%7C
\	%5C
^	%5E
~	%7E

Usiamo questi in un esempio:

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

Quando codificato correttamente, questo diventa:

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

Abbiamo codificato i segni + e lo spazio per garantire che vengano interpretati correttamente.

Mettere Tutto Insieme

Ora che abbiamo coperto tutti questi tipi di codifica, proviamo un esempio più complesso:

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

Quando completamente codificato, questo diventa:

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

Wow, sembra diverso! Ma ora è sicuro da trasmettere su Internet senza alcun rischio di interpretazione errata.

Conclusione

Eccoci, ragazzi! Avete appena fatto i vostri primi passi nel mondo della codifica URL. Ricordate, anche se potrebbe sembrare complesso all'inizio, si tratta tutto di assicurarsi che i vostri URL possano essere interpretati correttamente ovunque vadano su Internet.

Pensate alla codifica URL come il traduttore universale di Internet. Aiuta i vostri URL a comunicare chiaramente con server in tutto il mondo, indipendentemente dai caratteri speciali o spazi che contengono.

Mentre continuate il vostro viaggio nello sviluppo web, scoprirete che comprendere la codifica URL è estremamente utile. Vi aiuterà a creare link robusti, gestire l'input degli utenti in sicurezza e persino debugare problemi complessi legati agli URL.

Continuate a esercitarvi, e presto la codifica URL diventerà second nature per voi. Buon coding, e may all your URLs travel safely across the web!

Credits: Image by storyset