| Char | Decimal | Hex | URL Encoded | Name |
|---|---|---|---|---|
| 32 | 0x20 | %20 | Space | |
| ! | 33 | 0x21 | кодирование не требуется | Exclamation mark |
| " | 34 | 0x22 | %22 | Double quote |
| # | 35 | 0x23 | %23 | Hash / Number sign |
| $ | 36 | 0x24 | %24 | Dollar sign |
| % | 37 | 0x25 | %25 | Percent sign |
| & | 38 | 0x26 | %26 | Ampersand |
| ' | 39 | 0x27 | кодирование не требуется | Single quote / Apostrophe |
| ( | 40 | 0x28 | кодирование не требуется | Left parenthesis |
| ) | 41 | 0x29 | кодирование не требуется | Right parenthesis |
| * | 42 | 0x2A | кодирование не требуется | Asterisk |
| + | 43 | 0x2B | %2B | Plus sign |
| , | 44 | 0x2C | %2C | Comma |
| - | 45 | 0x2D | кодирование не требуется | Hyphen / Minus |
| . | 46 | 0x2E | кодирование не требуется | Period / Dot |
| / | 47 | 0x2F | %2F | Forward slash |
| 0 | 48 | 0x30 | кодирование не требуется | Zero |
| 1 | 49 | 0x31 | кодирование не требуется | |
| 2 | 50 | 0x32 | кодирование не требуется | |
| 3 | 51 | 0x33 | кодирование не требуется | |
| 4 | 52 | 0x34 | кодирование не требуется | |
| 5 | 53 | 0x35 | кодирование не требуется | |
| 6 | 54 | 0x36 | кодирование не требуется | |
| 7 | 55 | 0x37 | кодирование не требуется | |
| 8 | 56 | 0x38 | кодирование не требуется | |
| 9 | 57 | 0x39 | кодирование не требуется | Nine |
| : | 58 | 0x3A | %3A | Colon |
| ; | 59 | 0x3B | %3B | Semicolon |
| < | 60 | 0x3C | %3C | Less-than |
| = | 61 | 0x3D | %3D | Equals sign |
| > | 62 | 0x3E | %3E | Greater-than |
| ? | 63 | 0x3F | %3F | Question mark |
| @ | 64 | 0x40 | %40 | At sign |
| A | 65 | 0x41 | кодирование не требуется | Capital A |
| B | 66 | 0x42 | кодирование не требуется | |
| C | 67 | 0x43 | кодирование не требуется | |
| D | 68 | 0x44 | кодирование не требуется | |
| E | 69 | 0x45 | кодирование не требуется | |
| F | 70 | 0x46 | кодирование не требуется | |
| G | 71 | 0x47 | кодирование не требуется | |
| H | 72 | 0x48 | кодирование не требуется | |
| I | 73 | 0x49 | кодирование не требуется | |
| J | 74 | 0x4A | кодирование не требуется | |
| K | 75 | 0x4B | кодирование не требуется | |
| L | 76 | 0x4C | кодирование не требуется | |
| M | 77 | 0x4D | кодирование не требуется | |
| N | 78 | 0x4E | кодирование не требуется | |
| O | 79 | 0x4F | кодирование не требуется | |
| P | 80 | 0x50 | кодирование не требуется | |
| Q | 81 | 0x51 | кодирование не требуется | |
| R | 82 | 0x52 | кодирование не требуется | |
| S | 83 | 0x53 | кодирование не требуется | |
| T | 84 | 0x54 | кодирование не требуется | |
| U | 85 | 0x55 | кодирование не требуется | |
| V | 86 | 0x56 | кодирование не требуется | |
| W | 87 | 0x57 | кодирование не требуется | |
| X | 88 | 0x58 | кодирование не требуется | |
| Y | 89 | 0x59 | кодирование не требуется | |
| Z | 90 | 0x5A | кодирование не требуется | Capital Z |
| [ | 91 | 0x5B | %5B | Left square bracket |
| \ | 92 | 0x5C | %5C | Backslash |
| ] | 93 | 0x5D | %5D | Right square bracket |
| ^ | 94 | 0x5E | %5E | Caret |
| _ | 95 | 0x5F | кодирование не требуется | Underscore |
| ` | 96 | 0x60 | %60 | Backtick / Grave |
| a | 97 | 0x61 | кодирование не требуется | Lowercase a |
| b | 98 | 0x62 | кодирование не требуется | |
| c | 99 | 0x63 | кодирование не требуется | |
| d | 100 | 0x64 | кодирование не требуется | |
| e | 101 | 0x65 | кодирование не требуется | |
| f | 102 | 0x66 | кодирование не требуется | |
| g | 103 | 0x67 | кодирование не требуется | |
| h | 104 | 0x68 | кодирование не требуется | |
| i | 105 | 0x69 | кодирование не требуется | |
| j | 106 | 0x6A | кодирование не требуется | |
| k | 107 | 0x6B | кодирование не требуется | |
| l | 108 | 0x6C | кодирование не требуется | |
| m | 109 | 0x6D | кодирование не требуется | |
| n | 110 | 0x6E | кодирование не требуется | |
| o | 111 | 0x6F | кодирование не требуется | |
| p | 112 | 0x70 | кодирование не требуется | |
| q | 113 | 0x71 | кодирование не требуется | |
| r | 114 | 0x72 | кодирование не требуется | |
| s | 115 | 0x73 | кодирование не требуется | |
| t | 116 | 0x74 | кодирование не требуется | |
| u | 117 | 0x75 | кодирование не требуется | |
| v | 118 | 0x76 | кодирование не требуется | |
| w | 119 | 0x77 | кодирование не требуется | |
| x | 120 | 0x78 | кодирование не требуется | |
| y | 121 | 0x79 | кодирование не требуется | |
| z | 122 | 0x7A | кодирование не требуется | Lowercase z |
| { | 123 | 0x7B | %7B | Left curly brace |
| | | 124 | 0x7C | %7C | Pipe / Vertical bar |
| } | 125 | 0x7D | %7D | Right curly brace |
| ~ | 126 | 0x7E | кодирование не требуется | Tilde |
| Function | Encodes | Leaves alone | Use for |
|---|---|---|---|
| encodeURIComponent() | Everything except A-Z a-z 0-9 - _ . ! ~ * ' ( ) | Alphanumerics + - _ . ! ~ * ' ( ) | Query param values, path segments |
| encodeURI() | Unsafe chars, preserves : / ? # [ ] @ ! $ & ' ( ) * + , ; = | Most URI structural chars | Full URLs |
| escape() ✗ | Non-ASCII + some ASCII (deprecated) | @ * / + | Never — deprecated, use encodeURIComponent |
// Encode a single query param value (most common)
encodeURIComponent('hello world!') // → 'hello%20world!'
encodeURIComponent('price=100&qty=2') // → 'price%3D100%26qty%3D2'
// Build a URL with params safely
const params = new URLSearchParams({ q: 'hello world', page: '2' });
const url = 'https://example.com/search?' + params.toString();
// → https://example.com/search?q=hello+world&page=2
// Decode percent-encoded string
decodeURIComponent('hello%20world') // → 'hello world'
// Python
import urllib.parse
urllib.parse.quote('hello world') # → 'hello%20world'
urllib.parse.quote_plus('hello world') # → 'hello+world'
urllib.parse.urlencode({'q': 'hello world'}) # → 'q=hello+world'Самый распространённый случай использования. При построении поисковых URL или API-запросов:
https://api.example.com/search?q=hello%20world&lang=en
HTML-формы с method="GET" автоматически URL-кодируют значения полей. Пробелы становятся + при форм-кодировании (немного отличается от процентного кодирования).
Имена файлов и идентификаторы ресурсов в путях URL тоже нуждаются в кодировании. Файл с именем my report.pdf становится my%20report.pdf в URL.
JavaScript:
encodeURIComponent('hello world & more')
// "hello%20world%20%26%20more"
decodeURIComponent('hello%20world')
// "hello world"
Python:
from urllib.parse import quote, unquote
quote('hello world & more')
# 'hello%20world%20%26%20more'
%20 в %2520encodeURI вместо encodeURIComponent — encodeURI пропускает зарезервированные символы, важные в значениях параметров запроса+ — в URL + может означать пробел. Кодируйте буквальные плюсы как %2BФорм-кодирование (application/x-www-form-urlencoded) использует + для пробелов. Стандартное процентное кодирование использует %20. Оба варианта валидны в разных контекстах.
URL-кодирование заменяет небезопасные ASCII-символы знаком процента (%) и двумя шестнадцатеричными цифрами, представляющими значение байта. Например, пробел становится %20 или +. Это гарантирует, что URL-адреса действительны во всех системах и протоколах.
RFC 3986 определяет, какие символы являются 'незарезервированными' (A-Z, a-z, 0-9, -, _, ., ~) и могут использоваться без кодирования. Все остальные символы — включая пробелы, <, >, #, %, {, }, |, \, ^, ` и не-ASCII символы — должны быть закодированы в процентах.
%20 — это стандартное процентное кодирование RFC 3986 пробела и работает везде в URL. Знак + для пробелов является частью формата application/x-www-form-urlencoded (HTML-формы) и действителен только в строках запроса, не в путях.
Используйте encodeURIComponent() для кодирования отдельных значений параметров запроса: encodeURIComponent('hello world') → 'hello%20world'. Используйте encodeURI() для кодирования полного URL с сохранением его структуры. Никогда не используйте escape() — он устарел.