HTML URL Encode (URL-Encoding), auch als Prozent-Encoding bekannt, ist ein Verfahren zur Kodierung von Informationen in einer URL. Dieses Verfahren wird verwendet, um sicherzustellen, dass bestimmte Zeichen in einer URL korrekt interpretiert werden und keine Probleme bei der Übertragung auftreten. In diesem Artikel werden die Grundlagen des URL-Encodings erklärt, wie es funktioniert und wie Sie es in HTML anwenden können.
1. Was ist URL-Encoding?
URL-Encoding wandelt bestimmte Zeichen in eine spezielle Darstellung um, die von Webbrowsern und Servern korrekt interpretiert werden kann. Dies ist notwendig, da URLs nur eine begrenzte Anzahl von Zeichen unterstützen. Zeichen, die nicht erlaubt sind oder eine besondere Bedeutung haben, werden durch eine Prozentzeichen gefolgt von zwei Hexadezimalzahlen ersetzt.
Beispiel:
- Das Leerzeichen wird zu
%20 - Das Pluszeichen (
+) wird zu%2B - Das Fragezeichen (
?) wird zu%3F
2. Wann ist URL-Encoding erforderlich?
URL-Encoding ist erforderlich, wenn Sie Daten in einer URL übergeben, z. B. in den folgenden Fällen:
- Bei der Übertragung von Formulardaten über die URL.
- Bei der Verwendung von Abfrageparametern in URLs.
- Bei der Kodierung von Zeichen, die in URLs eine spezielle Bedeutung haben (z. B.
&,=,?).
3. Wie funktioniert URL-Encoding?
Die grundlegende Funktionsweise des URL-Encodings besteht darin, nicht erlaubte Zeichen durch ihre entsprechende kodierte Form zu ersetzen. Hier sind einige der häufigsten Zeichen und deren URL-kodierte Entsprechungen:
| Zeichen | Kodierte Form |
|---|---|
| Leerzeichen | %20 |
| ! | %21 |
| “ | %22 |
| # | %23 |
| $ | %24 |
| & | %26 |
| ‘ | %27 |
| ( | %28 |
| ) | %29 |
| * | %2A |
| + | %2B |
| , | %2C |
| / | %2F |
| : | %3A |
| ; | %3B |
| < | %3C |
| = | %3D |
| > | %3E |
| ? | %3F |
| @ | %40 |
4. URL-Encoding in HTML
Um URL-Encoding in HTML anzuwenden, können Sie JavaScript oder serverseitige Programmiersprachen verwenden. Die folgende JavaScript-Funktion kann verwendet werden, um eine URL zu kodieren:
Beispiel mit JavaScript:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>URL Encoding Beispiel</title>
<script>
function encodeURL() {
const url = document.getElementById("urlInput").value;
const encodedURL = encodeURIComponent(url);
document.getElementById("result").innerText = encodedURL;
}
</script>
</head>
<body>
<h1>URL-Encoding Beispiel</h1>
<input type="text" id="urlInput" placeholder="Geben Sie Ihre URL ein">
<button onclick="encodeURL()">Kodieren</button>
<p>Kodierte URL: <span id="result"></span></p>
</body>
</html>Häufig gestellte Fragen
Was ist URL-Encoding?
URL-Encoding ist ein Verfahren zur Kodierung von Informationen in einer URL, um sicherzustellen, dass bestimmte Zeichen korrekt interpretiert werden.
Warum ist URL-Encoding erforderlich?
URL-Encoding ist notwendig, um sicherzustellen, dass Zeichen, die in URLs eine spezielle Bedeutung haben oder nicht erlaubt sind, korrekt behandelt werden, insbesondere bei der Übertragung von Formulardaten oder Abfrageparametern.
Wie funktioniert URL-Encoding?
URL-Encoding ersetzt nicht erlaubte Zeichen durch eine Prozentzeichen gefolgt von zwei Hexadezimalzahlen, die das Zeichen repräsentieren.
Kann ich URL-Encoding in HTML verwenden?
Ja, Sie können URL-Encoding in HTML durch JavaScript oder serverseitige Programmiersprachen anwenden.
Welche Zeichen müssen kodiert werden?
Zeichen wie Leerzeichen, Sonderzeichen und solche mit einer speziellen Bedeutung in URLs müssen kodiert werden.