URL-enkódolás HTML-ben

Az URL-enkódolás azt a folyamatot jelenti, amikor az URL-ben szereplő speciális karaktereket olyan formátumba alakítjuk, amelyet a böngészők és szerverek helyesen tudnak értelmezni.

Mi az URL-enkódolás?

Egyes karakterek, például a szóköz, ékezetek, & vagy = nem szerepelhetnek közvetlenül egy URL-ben. Ilyenkor ezek kódolt formában jelennek meg, például a szóköz %20-ként.

Gyakorlati példák

Nézzük meg, hogyan néz ki egy URL kódolás előtt és után, különösen ékezetes karakterek és szóköz esetén.

https://example.com/search?q=readytools linksy
// encoded: https://example.com/search?q=readytools%20linsky

https://example.com/page?name=János
// encoded: https://example.com/page?name=J%C3%A1nos

Mikor kell használni?

Bármikor, amikor felhasználói adatot vagy speciális karaktert küldesz URL-ben, például keresési mezőből vagy űrlapból, mindig enkódold az értéket.

Példa HTML-ben

Ha egy HTML hivatkozásban szerepel paraméter, és az tartalmaz szóközt vagy más speciális karaktert, enkódolni kell, hogy az URL működjön.

<a href="https://example.com/search?q=hello%20world">Search</a>

Hogyan enkódolj JavaScript-tel?

A JavaScript beépített encodeURIComponent() függvénye segít biztonságosan enkódolni URL paramétereket, hogy azok helyesen működjenek böngészőben és szerveren is.

encodeURIComponent("János & Kati") 
// output: J%C3%A1nos%20%26%20Kati

Visszafejtés (dekódolás)

Ha már enkódolt szöveget kapsz, azt a decodeURIComponent() függvénnyel tudod visszaalakítani az eredeti, olvasható formára.

decodeURIComponent("J%C3%A1nos%20%26%20Kati") 
// output: János & Kati