×

注意!页面内容来自https://www.w3schools.com/tags//ref_urlencode.asp,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<> #subtopnav { position:fixed; background-color: #282A35; color:#f1f1f1; padding:0; letter-spacing:1px; font-family: 'Source Sans Pro Topnav'sans-serif; font-size:0; top:56px; z-index:2; width:100%; white-space:nowrap; overflow:auto; scrollbar-width: none; max-width:1750px; margin:auto; left:0; right:0; } #subtopnav a{ display:inline-block; width:auto; margin:0!important; padding:5px 15px 5px 15px !important; font-size:15px!important; text-decoration: none; line-height: 1.5; } #subtopnav a:hover,#subtopnav a:focus,#subtopnav a:active{ background-color:#000000 !important; color:#ffffff !important; } #subtopnav a.active{ background-color: #04AA6D!important; color:#fff!important; } #btn_container_subtopnav { position:fixed; right:0; top:56px; font-size:0; xxborder-left:10px solid rgba(404253,0.5); } #btn_container_subtopnav a{ line-height:1.3!important; padding-top:7px!important; padding-bottom:6px!important; font-size:15px; background-color:#282A35; } #scroll_left_btn { cursor:pointer; display:none; position:fixed; left:0; top:56px; font-size: 15px; xborder-right: 10px solid rgba(404253,0.5); xbackground: red; } #scroll_left_btn span { xbackground-color:#282A35; background: linear-gradient(to right#282A35 70%transparent 100%); display:block; padding-top:5px; padding-bottom:5px; } #scroll_left_btn span:hover { background: linear-gradient(to right#000 95%transparent 100%); } #scroll_right_btn { cursor:pointer; float:left; font-size:15px; xxbackground-color:#282A35; background: linear-gradient(to left#282A35 70%transparent 100%); padding-top:5px; padding-bottom:5px; } #scroll_right_btn:hover { background: linear-gradient(to left#000 95%transparent 100%); } #menubtn_container { position:fixed; left:0; top:56px; xborder-right:10px solid rgba(404253,0.5); height:33px; color:white; font-size:15px; } #menubtn_container span { background-color:#282A35; } #darkmodemenu { position:fixed!important; right:0;!important; } #subtopnav::-webkit-scrollbar { display:none!important; } @media screen and (max-width: 992px){ #subtopnav a.subtopnav_firstitem { margin-left:50px!important; } } #google_translate_element a{ font-size:13px!important; line-height: normal; } #google_translate_element a:hover{ background-color:#fff!important; color:#000!important; } <> .topnavcontainer { background-color: #282A35; width:100%; max-width:1750px; left:0; right:0; margin:auto; height:33px; top:56px; position:fixed; z-index:3; } #scroll_left_btn { cursor: pointer; display: none; position: fixed; left: auto; top: auto; font-size: 15px; } #scroll_right_btn { cursor: pointer; position: fixed; font-size: 15px; display:none; } .topnavbackground { background-color:#282A35; position:fixed; width:100%; height:33px; top:56px; } body.darkpagetheme .topnavbackgroundbody.darkpagetheme .topnavcontainerbody.darkpagetheme #subtopnav { background-color:rgb(13,23,33)!important } body.darkpagetheme #scroll_right_btn { background: linear-gradient(to leftrgb(13,23,33) 70%transparent 100%) } body.darkpagetheme #scroll_left_btn span { background: linear-gradient(to rightrgb(13,23,33) 70%transparent 100%) }
<> .belowtopnavcontainer { max-width:1750px; margin:auto; } .contentcontainer { background-color: #f5f6f7; } body.darkpagetheme .contentcontainer { background-color: #29353e; } #leftmenuinner {width:230px;} @media (max-width:992px) { #leftmenuinner {width:260px;} #sidenav{width:260px;} }

HTML URL Encoding Reference


URL - Uniform Resource Locator

Web browsers request pages from web servers by using a URL.

The URL is the address of a web pagelike: https://www.w3schools.com.


URL Encoding (Percent Encoding)

URL encoding converts characters into a format that can be transmitted over the Internet.

URLs can only be sent over the Internet using the ASCII character-set.

Since URLs often contain characters outside the ASCII setthe URL has to be converted into a valid ASCII format.

URL encoding replaces unsafe ASCII characters with a "%" followed by two hexadecimal digits.

URLs cannot contain spaces. URL encoding normally replaces a space with a plus (+) sign or with %20.


Try It Yourself

If you click the "Submit" button belowthe browser will URL encode the input before it is sent to the server. A page at the server will display the received input.

Try some other input and click Submit again.


URL Encoding Functions

In JavaScriptPHPand ASP there are functions that can be used to URL encode a string.

PHP has the rawurlencode() functionand ASP has the Server.URLEncode() function.

In JavaScript you can use the encodeURIComponent() function.

Click the "URL Encode" button to see how the JavaScript function encodes the text.

Note: The JavaScript function encodes space as %20.



ASCII Encoding Reference

Your browser will encode inputaccording to the character-set used in your page.

The default character-set in HTML5 is UTF-8.

Character From Windows-1252 From UTF-8
space %20 %20
! %21 %21
" %22 %22
# %23 %23
$ %24 %24
% %25 %25
& %26 %26
' %27 %27
( %28 %28
) %29 %29
* %2A %2A
+ %2B %2B
, %2C %2C
- %2D %2D
. %2E %2E
/ %2F %2F
0 %30 %30
1 %31 %31
2 %32 %32
3 %33 %33
4 %34 %34
5 %35 %35
6 %36 %36
7 %37 %37
8 %38 %38
9 %39 %39
: %3A %3A
; %3B %3B
< %3C %3C
= %3D %3D
> %3E %3E
? %3F %3F
@ %40 %40
A %41 %41
B %42 %42
C %43 %43
D %44 %44
E %45 %45
F %46 %46
G %47 %47
H %48 %48
I %49 %49
J %4A %4A
K %4B %4B
L %4C %4C
M %4D %4D
N %4E %4E
O %4F %4F
P %50 %50
Q %51 %51
R %52 %52
S %53 %53
T %54 %54
U %55 %55
V %56 %56
W %57 %57
X %58 %58
Y %59 %59
Z %5A %5A
[ %5B %5B
\ %5C %5C
] %5D %5D
^ %5E %5E
_ %5F %5F
` %60 %60
a %61 %61
b %62 %62
c %63 %63
d %64 %64
e %65 %65
f %66 %66
g %67 %67
h %68 %68
i %69 %69
j %6A %6A
k %6B %6B
l %6C %6C
m %6D %6D
n %6E %6E
o %6F %6F
p %70 %70
q %71 %71
r %72 %72
s %73 %73
t %74 %74
u %75 %75
v %76 %76
w %77 %77
x %78 %78
y %79 %79
z %7A %7A
{ %7B %7B
| %7C %7C
} %7D %7D
~ %7E %7E
  %7F %7F
%80 %E2%82%AC
 %81 %81
%82 %E2%80%9A
ƒ %83 %C6%92
%84 %E2%80%9E
%85 %E2%80%A6
%86 %E2%80%A0
%87 %E2%80%A1
ˆ %88 %CB%86
%89 %E2%80%B0
Š %8A %C5%A0
%8B %E2%80%B9
Œ %8C %C5%92
 %8D %C5%8D
Ž %8E %C5%BD
 %8F %8F
 %90 %C2%90
%91 %E2%80%98
' %92 %E2%80%99
%93 %E2%80%9C
%94 %E2%80%9D
%95 %E2%80%A2
%96 %E2%80%93
%97 %E2%80%94
˜ %98 %CB%9C
%99 %E2%84
š %9A %C5%A1
%9B %E2%80
œ %9C %C5%93
 %9D %9D
ž %9E %C5%BE
Ÿ %9F %C5%B8
  %A0 %C2%A0
¡ %A1 %C2%A1
¢ %A2 %C2%A2
£ %A3 %C2%A3
¤ %A4 %C2%A4
¥ %A5 %C2%A5
¦ %A6 %C2%A6
§ %A7 %C2%A7
¨ %A8 %C2%A8
© %A9 %C2%A9
ª %AA %C2%AA
« %AB %C2%AB
¬ %AC %C2%AC
­ %AD %C2%AD
® %AE %C2%AE
¯ %AF %C2%AF
° %B0 %C2%B0
± %B1 %C2%B1
² %B2 %C2%B2
³ %B3 %C2%B3
´ %B4 %C2%B4
µ %B5 %C2%B5
%B6 %C2%B6
· %B7 %C2%B7
¸ %B8 %C2%B8
¹ %B9 %C2%B9
º %BA %C2%BA
» %BB %C2%BB
¼ %BC %C2%BC
½ %BD %C2%BD
¾ %BE %C2%BE
¿ %BF %C2%BF
À %C0 %C3%80
Á %C1 %C3%81
 %C2 %C3%82
à %C3 %C3%83
Ä %C4 %C3%84
Å %C5 %C3%85
Æ %C6 %C3%86
Ç %C7 %C3%87
È %C8 %C3%88
É %C9 %C3%89
Ê %CA %C3%8A
Ë %CB %C3%8B
Ì %CC %C3%8C
Í %CD %C3%8D
Î %CE %C3%8E
Ï %CF %C3%8F
Ð %D0 %C3%90
Ñ %D1 %C3%91
Ò %D2 %C3%92
Ó %D3 %C3%93
Ô %D4 %C3%94
Õ %D5 %C3%95
Ö %D6 %C3%96
× %D7 %C3%97
Ø %D8 %C3%98
Ù %D9 %C3%99
Ú %DA %C3%9A
Û %DB %C3%9B
Ü %DC %C3%9C
Ý %DD %C3%9D
Þ %DE %C3%9E
ß %DF %C3%9F
à %E0 %C3%A0
á %E1 %C3%A1
â %E2 %C3%A2
ã %E3 %C3%A3
ä %E4 %C3%A4
å %E5 %C3%A5
æ %E6 %C3%A6
ç %E7 %C3%A7
è %E8 %C3%A8
é %E9 %C3%A9
ê %EA %C3%AA
ë %EB %C3%AB
ì %EC %C3%AC
í %ED %C3%AD
î %EE %C3%AE
ï %EF %C3%AF
ð %F0 %C3%B0
ñ %F1 %C3%B1
ò %F2 %C3%B2
ó %F3 %C3%B3
ô %F4 %C3%B4
õ %F5 %C3%B5
ö %F6 %C3%B6
÷ %F7 %C3%B7
ø %F8 %C3%B8
ù %F9 %C3%B9
ú %FA %C3%BA
û %FB %C3%BB
ü %FC %C3%BC
ý %FD %C3%BD
þ %FE %C3%BE
ÿ %FF %C3%BF

URL Encoding Reference

The ASCII control characters %00-%1F were originally designed to control hardware devices.

Control characters have nothing to do inside a URL.

ASCII Character Description URL-encoding
NUL null character %00
SOH start of header %01
STX start of text %02
ETX end of text %03
EOT end of transmission %04
ENQ enquiry %05
ACK acknowledge %06
BEL bell (ring) %07
BS backspace %08
HT horizontal tab %09
LF line feed %0A
VT vertical tab %0B
FF form feed %0C
CR carriage return %0D
SO shift out %0E
SI shift in %0F
DLE data link escape %10
DC1 device control 1 %11
DC2 device control 2 %12
DC3 device control 3 %13
DC4 device control 4 %14
NAK negative acknowledge %15
SYN synchronize %16
ETB end transmission block %17
CAN cancel %18
EM end of medium %19
SUB substitute %1A
ESC escape %1B
FS file separator %1C
GS group separator %1D
RS record separator %1E
US unit separator %1F

<> #wrappercontainer { width:100%; height:100px; background-color:red; position:relative; z-index:2; } #footerwrapper { background-color: #282A35; /* background-image:url('/images/background_in_space.webp'); background-repeat: repeat; background-position: right bottom;*/ } #spacemyfooter { padding:40px 80px 20px 80px; max-width:1500px; margin:auto; } .footerlinks_1 { width:auto; float:left; padding:40px 60px; color:#FFF4A3; font-family: Source Sans Prosans-serif; font-size:15px; } .footerlinks_1 .fa-logo { font-size:46px!important; color:#ddd; } .footerlinks_1:nth-child(1) { padding:30px 10px 30px 40px; } .footerlinks_1 a{ text-decoration:none; } .footerlinks_1 a:hover,.footerlinks_1 a:active{ text-decoration:underline; color:#FFF4A3; } .footerlinks_1 a:hover,.footerlinks_1 a:active{ text-decoration:underline; color:#FFF4A3!; } .footerlinks_1 a:hover i{ color:#FFF4A3!important; } .footerlinks_2 { width:auto; float:left; padding-left:90px; padding-right:135px; color:#ddd; font-family: Source Sans Prosans-serif; font-size:12px; line-height:15px; text-align:center; } .footerlinks_2:nth-child(4) { padding-right:0; } .footerlinks_2 h5 { margin-bottom:20px; } .footerlinks_2 a:visited,.footerlinks_2 a:link{ text-decoration:none; } .footerlinks_2 a:hover,.footerlinks_2 a:active{ color:#FFF4A3; } .footersome { padding:60px 40px 10px 40px; color:#ddd; font-size:20px; text-align:center; } .footersome a { margin-right:10px; } .footersome a:hover,.footersome a:active{ color:#FFF4A3; } .footersome .textlink { font-size:15px; text-decoration:none; } .footersome .textlink:active,.footersome .textlink:hover { text-decoration:underline; } .footertext { color:#ddd; font-size:12px; line-height:15px; text-align:center; } .footertext a:hover,.footertext a:active{ color:#FFF4A3; } @media screen and (max-width: 992px) { #wrappercontainer { z-index:0; } .footerlinks_1 { width:100%; margin:auto; float:none; text-align:center; padding:10px 20px!important; font-size:20px; } .footerlinks_1:nth-child(1) { padding:40px 20px; } .footerlinks_2 { width:100%; float:none; margin:auto; font-size:16px; line-height:20px; padding:0; } .footerlinks_2 h5 { font-size:26px; margin-top:40px; } .footertext { padding:0; } .footer-hide-special { display:none; } } /* @media screen and (max-width: 992px) { #footerwrapper { background-image:url('/images/background_in_space.webp'); background-color: #282A35; background-repeat: repeat; background-position: left top; } }*/
<> @media screen and (max-width: 1450px) { #spacemyfooter { max-width:1100px; } .footerlinks_1 { padding-left:30px; padding-right:30px; } .footerlinks_2 { padding-right:30px; } .footerlinks_2:nth-child(1) { padding-left:50px; } .footer-hide-special { display:none; } } @media screen and (max-width: 1100px) { #spacemyfooter { max-width:1000px; } .footerlinks_1 { padding-left:20px; padding-right:20px; } .footerlinks_2 { padding-right:20px; } .footerlinks_2:nth-child(1) { padding-left:20px; } }
<> /*Remove this after 20. April 2024*/ #err_message { padding:8px 16px 16px 40px; border-radius:5px; display:none; position:relative; background-color:#2D3748; color:#FFF4A3; font-family:'Source Sans Pro'sans-serif; } #err_message h2 { font-family:'Source Sans Pro'sans-serif; } #err_message p { color:#f1f1f1; } #err_message #close_err_message { position:absolute; right:0; top:0; font-size:20px; cursor:pointer; width:30px; height:30px; text-align:center; } #err_message #close_err_message:hover { background-color:#FFF4A3; color:#2D3748; border-radius:50% }
×

Contact Sales

If you want to use W3Schools services as an educational institutionteam or enterprisesend us an e-mail:
[email protected]

Report Error

If you want to report an erroror if you want to make a suggestionsend us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorialsreferencesand examples are constantly reviewed to avoid errorsbut we cannot warrant full correctness of all content. While using W3Schoolsyou agree to have read and accepted our terms of use, cookies and privacy policy.

Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.

-->