URL-Codierung in HTML

Die URL-Codierung konvertiert Sonderzeichen in URLs in ein Format, das von Browsern und Servern korrekt interpretiert werden kann.

Was ist URL-Codierung?

Einige Zeichen wie Leerzeichen, Akzente, & oder = dürfen nicht direkt in URLs erscheinen. Sie müssen codiert werden – z. B. wird ein Leerzeichen zu %20.

Praktische Beispiele

Hier siehst du, wie eine URL vor und nach der Codierung aussieht – besonders bei Akzenten und Leerzeichen.

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

Wann sollte man sie verwenden?

Du solltest Werte immer dann codieren, wenn Benutzereingaben oder Sonderzeichen in einer URL verwendet werden – z. B. bei Suchfeldern oder Formularen.

HTML-Beispiel

Wenn eine URL in einem HTML-Link Parameter mit Leerzeichen oder Sonderzeichen enthält, muss sie codiert werden, um korrekt zu funktionieren.

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

Wie mit JavaScript codieren?

Die integrierte Funktion encodeURIComponent() in JavaScript hilft dabei, URL-Parameter sicher zu codieren, sodass sie im Browser und auf dem Server korrekt funktionieren.

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

Decodierung (URL-Decodierung)

Wenn du bereits codierten Text erhältst, kannst du ihn mit der Funktion decodeURIComponent() wieder in lesbares Format umwandeln.

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