URL编码参考

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

JavaScript 编码函数

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 编码指南：为什么以及如何编码 URL

URL 编码实践

查询参数

最常见的用例。构建搜索 URL 或 API 请求时：

https://api.example.com/search?q=hello%20world&lang=en

表单数据

使用 method="GET" 的 HTML 表单会自动对字段值进行 URL 编码。在表单编码中，空格变为 +（与百分号编码略有不同）。

路径段

URL 路径中的文件名和资源标识符也需要编码。名为 my report.pdf 的文件在 URL 中变为 my%20report.pdf。

不同语言中的编码

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'

常见错误

双重编码 — 对已编码的 URL 进行编码会将 %20 变成 %2520
使用 encodeURI 而不是 encodeURIComponent — encodeURI 跳过在查询值中很重要的保留字符
未编码 + 号 — 在 URL 中，+ 可能表示空格。将字面量加号编码为 %2B
忘记非 ASCII 字符 — Unicode 字符需要先进行 UTF-8 编码，然后再进行百分号编码

常见问题

为什么空格有时变成 + 有时变成 %20？

表单编码（application/x-www-form-urlencoded）使用 + 表示空格。标准百分号编码使用 %20。两者在不同上下文中都是有效的。

URL 编码常见问题

什么是 URL 编码（百分比编码）？

URL 编码将不安全的 ASCII 字符替换为百分号 (%) 后跟两个表示字节值的十六进制数字。例如，空格变为 %20 或 +。这确保 URL 在所有系统和协议中都有效。

URL 中哪些字符必须编码？

RFC 3986 定义了哪些字符是「非保留」字符（A-Z、a-z、0-9、-、_、.、~），可以安全使用而无需编码。所有其他字符 — 包括空格、<、>、#、%、{、}、|、\\、^、` 和非 ASCII 字符 — 必须进行百分比编码。

空格使用 %20 和 + 有什么区别？

%20 是 RFC 3986 标准的空格百分比编码，在 URL 的任何位置都有效。+ 符号表示空格是 application/x-www-form-urlencoded 格式（HTML 表单）的一部分，仅在查询字符串中有效，在路径中无效。

如何使用 JavaScript 对完整 URL 进行编码？

使用 encodeURIComponent() 对单个查询参数值进行编码：encodeURIComponent('hello world') → 'hello%20world'。使用 encodeURI() 在保留结构的同时对完整 URL 进行编码。永远不要使用 escape() — 它已被弃用。

表情符号搜索 & 复制 — 在线表情符号选择器 Unicode 字符搜索和查找 UUID版本详解 — v1 v3 v4 v5 v7参考 IP 地址查找工具 - 位置、ISP 和信息 Markdown语法速查：可复制粘贴的示例 Markdown预览器 — 在线实时编辑

Char

Decimal

Hex

URL Encoded

Name

0x20

%20

Space

0x21

无需编码

Exclamation mark

0x22

%22

Double quote

0x23

%23

Hash / Number sign

0x24

%24

Dollar sign

0x25

%25

Percent sign

0x26

%26

Ampersand

0x27

无需编码

Single quote / Apostrophe

(

0x28

无需编码

Left parenthesis

)

0x29

无需编码

Right parenthesis

0x2A

无需编码

Asterisk

0x2B

%2B

Plus sign

0x2C

%2C

Comma

0x2D

无需编码

Hyphen / Minus

0x2E

无需编码

Period / Dot

0x2F

%2F

Forward slash

0x30

无需编码

Zero

0x31

无需编码

0x32

无需编码

0x33

无需编码

0x34

无需编码

0x35

无需编码

0x36

无需编码

0x37

无需编码

0x38

无需编码

0x39

无需编码

Nine

0x3A

%3A

Colon

;

0x3B

%3B

Semicolon

0x3C

%3C

Less-than

0x3D

%3D

Equals sign

0x3E

%3E

Greater-than

0x3F

%3F

Question mark

0x40

%40

At sign

0x41

无需编码

Capital A

0x42

无需编码

0x43

无需编码

0x44

无需编码

0x45

无需编码

0x46

无需编码

0x47

无需编码

0x48

无需编码

0x49

无需编码

0x4A

无需编码

0x4B

无需编码

0x4C

无需编码

0x4D

无需编码

0x4E

无需编码

0x4F

无需编码

0x50

无需编码

0x51

无需编码

0x52

无需编码

0x53

无需编码

0x54

无需编码

0x55

无需编码

0x56

无需编码

0x57

无需编码

0x58

无需编码

0x59

无需编码

0x5A

无需编码

Capital Z

[

0x5B

%5B

Left square bracket

0x5C

%5C

Backslash

]

0x5D

%5D

Right square bracket

0x5E

%5E

Caret

0x5F

无需编码

Underscore

0x60

%60

Backtick / Grave

0x61

无需编码

Lowercase a

0x62

无需编码

0x63

无需编码

100

0x64

无需编码

101

0x65

无需编码

102

0x66

无需编码

103

0x67

无需编码

104

0x68

无需编码

105

0x69

无需编码

106

0x6A

无需编码

107

0x6B

无需编码

108

0x6C

无需编码

109

0x6D

无需编码

110

0x6E

无需编码

111

0x6F

无需编码

112

0x70

无需编码

113

0x71

无需编码

114

0x72

无需编码

115

0x73

无需编码

116

0x74

无需编码

117

0x75

无需编码

118

0x76

无需编码

119

0x77

无需编码

120

0x78

无需编码

121

0x79

无需编码

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

JavaScript 编码函数

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 编码指南：为什么以及如何编码 URL

URL 编码实践

查询参数

最常见的用例。构建搜索 URL 或 API 请求时：

https://api.example.com/search?q=hello%20world&lang=en

表单数据

使用 method="GET" 的 HTML 表单会自动对字段值进行 URL 编码。在表单编码中，空格变为 +（与百分号编码略有不同）。

路径段

URL 路径中的文件名和资源标识符也需要编码。名为 my report.pdf 的文件在 URL 中变为 my%20report.pdf。

不同语言中的编码

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'

常见错误

双重编码 — 对已编码的 URL 进行编码会将 %20 变成 %2520
使用 encodeURI 而不是 encodeURIComponent — encodeURI 跳过在查询值中很重要的保留字符
未编码 + 号 — 在 URL 中，+ 可能表示空格。将字面量加号编码为 %2B
忘记非 ASCII 字符 — Unicode 字符需要先进行 UTF-8 编码，然后再进行百分号编码

常见问题

为什么空格有时变成 + 有时变成 %20？

表单编码（application/x-www-form-urlencoded）使用 + 表示空格。标准百分号编码使用 %20。两者在不同上下文中都是有效的。

URL 编码常见问题

什么是 URL 编码（百分比编码）？

URL 编码将不安全的 ASCII 字符替换为百分号 (%) 后跟两个表示字节值的十六进制数字。例如，空格变为 %20 或 +。这确保 URL 在所有系统和协议中都有效。

URL编码 参考

JavaScript 编码函数

代码示例

URL 编码指南：为什么以及如何编码 URL

URL 编码实践

查询参数

表单数据

路径段

不同语言中的编码

常见错误

常见问题

为什么空格有时变成 + 有时变成 %20？

URL 编码常见问题

什么是 URL 编码（百分比编码）？

URL 中哪些字符必须编码？

空格使用 %20 和 + 有什么区别？

如何使用 JavaScript 对完整 URL 进行编码？

相关工具

URL编码 参考

JavaScript 编码函数

代码示例

URL 编码指南：为什么以及如何编码 URL

URL 编码实践

查询参数

表单数据

路径段

不同语言中的编码

常见错误

常见问题

为什么空格有时变成 + 有时变成 %20？

URL 编码常见问题

什么是 URL 编码（百分比编码）？

URL 中哪些字符必须编码？

空格使用 %20 和 + 有什么区别？

如何使用 JavaScript 对完整 URL 进行编码？

相关工具

URL编码参考

URL编码参考