URL Encoding

Die URL-Kodierung (Percent-Encoding) wandelt in URLs unzulässige Zeichen in die Form %HH um, sodass beliebige Daten sicher in URL-Komponenten stehen können.

Zweck

Verhindern, dass reservierte Zeichen (wie /, ?, #, =) und Nicht-ASCII-Zeichen die URL-Struktur brechen, während eine reversible Hin-und-Rück-Konvertierung bleibt.

Mechanismus

Unsichere Zeichen werden Byte für Byte in % gefolgt von zwei Hexadezimalziffern in Großbuchstaben umgewandelt. RFC 3986 definiert die reservierten Zeichensätze; die HTML5-Form application/x-www-form-urlencoded kodiert zusätzlich ein Leerzeichen als +. Moderne Browser und die fetch-API erledigen das automatisch.

Anwendungsfälle

Nicht-ASCII-Text und Sonderzeichen in URL-Abfrageparametern übergeben
Kodierung von Pfadparametern in RESTful-APIs
Kodierung von OAuth-Callback-URLs
Betreff und Text in mailto-Links

Beispiele

Eingabe
```
a b&c
```
Output
```
a%20b%26c
```
RFC 3986 form; the form-encoded variant is a+b%26c

Häufige Fehler

Encoding the entire URL instead of just the parameter values: Encode parameter values only and keep the /?=& delimiters

Verwandte Begriffe

Percent-Encoding

Die Prozentkodierung ist der in RFC 3986 definierte Mechanismus, der unsichere Zeichen in URLs in die Form %HH umwandelt.

Die Formular-Kodierung (application/x-www-form-urlencoded) ist die Art, wie HTML-Formulare Schlüssel-Wert-Paare beim Absenden kodieren, wobei Leerzeichen als + statt als %20 kodiert werden.

HTML-Entities escapen in HTML besonders bedeutungstragende Zeichen (<, >, &, ") in die Form &name; oder &#NNN;, sodass sie buchstäblich angezeigt statt als Markup geparst werden.

Eine URL (Uniform Resource Locator) ist eine Zeichenkette, die den Ort einer Internetressource identifiziert und aus Schema, Host, Port, Pfad, Query und Fragment besteht.

Verwandte Tools

Percent-encode text for safe use in URLs. Kostenlos, privat und 100% clientseitig.

Decode percent-encoded URL text back to readable characters. Kostenlos, privat und 100% clientseitig.

Parse a URL into its components: protocol, host, path, query, hash, port, username, and password. Kostenlos, privat und 100% clientseitig.

URL-Formular-Kodierer

Url Encode Form — reines Client-seitiges Tool. Datenschutz zuerst, kein Server-Roundtrip.

URL-Formular-Dekodierer

Url Decode Form — reines Client-seitiges Tool. Datenschutz zuerst, kein Server-Roundtrip.

URL-Komponenten-Dekodierer

Url Decode Component — reines Client-seitiges Tool. Datenschutz zuerst, kein Server-Roundtrip.

Verwandte Tutorials

URL encoding: component vs full, and the reserved characters in between

Why encodeURIComponent and encodeURI produce different output, which characters are reserved in which position, and how to pick the right mode for query values, paths, and fragments.

References