URL Encoding HTML Attributes

 

ATTENTION: THIS PAGE IS Valid HTML 5 AND IS BEST VIEWED WITH HTML 5 - Please upgrade your browser or download one of the HTML 5 compatible browsers such as Mozilla Firefox, Chrome, Opera or IE 9 (March 14, 2011 or later). For more information see HTML 5 browsers.


If you find this helpful, please click the Google +1 Button to the left, if it is white, to make it turn blue or red. Thank you! (It also helps find this page again more easily.)


PDF mobile

URL Encoding

(Some links on this page take you to details in the HTML Tag Reference. Bookmark this page in your Favorites so you can come back to it later.) See also JavaScript escape vs. encode for details on encodeURI, escape and encodeURIComponent.

A number of characters are considered unsafe to use in a URL because they have special meanings in URLs for various reasons1.

Any attribute with a value that is a URL must be URL-encoded, including:

In addition, when a <form> specifies method="GET", the user input returned in the query string will be URL-encoded.


Percent Escape Codes For Special Characters

2x3x4x5x6x7x
x0space0@P`p
%20%40%60
x1!1AQaq
x2"2BRbr
%22
x3#3CScs
%23
x4$4DTdt
x5%5EUeu
%25
x6&6FVfv
%26
x7'7GWgw
x8(8HXhx
x9)9IYiy
xA*:JZjz
%3A
xB+;K[k{
%2B%3B%5B%7B
xC,<L\l|
%3C%5C%7C
xD-=M]m}
%3D%5D%7D
xE.>N^n~
%3E%5E%7E
xF/?O_o
%2F%3F%7F

Note that, in addition to the special characters enumerated in RFC 1736 and RFC 3986 (below), the following characters are considered unsafe based on the statement that Other characters are unsafe because gateways and other transport agents are known to sometimes modify such characters:

plus sign ("+")
Many browsers, web servers, application servers and URL decoding functions such as PHP urldecode and methods such as java.net.URLDecoder decode convert a plus sign into a space character. Even when the plus sign is not decoded, they will encode a plus sign as "%2B" to avoid ambiguity.

The space character is unsafe because significant spaces may disappear and insignificant spaces may be introduced when URLs are transcribed or typeset or subjected to the treatment of word-processing programs. The characters "<" and ">" are unsafe because they are used as the delimiters around URLs in free text; the quote mark (""") is used to delimit URLs in some systems. The character "#" is unsafe and should always be encoded because it is used in World Wide Web and in other systems to delimit a URL from a fragment/anchor identifier that might follow it. The character "%" is unsafe because it is used for encodings of other characters. Other characters are unsafe because gateways and other transport agents are known to sometimes modify such characters. These characters are "{", "}", "|", "\", "^", "~", "[", "]", and "`".

All unsafe characters must always be encoded within a URL. For example, the character "#" must be encoded within URLs even in systems that do not normally deal with fragment or anchor identifiers, so that if the URL is copied into another system that does use them, it will not be necessary to change the URL encoding.

Many URL schemes reserve certain characters for a special meaning: their appearance in the scheme-specific part of the URL has a designated semantics. If the character corresponding to an octet is reserved in a scheme, the octet must be encoded. The characters ";", "/", "?", ":", "@", "=" and "&" are the characters which may be reserved for special meaning within a scheme. No other characters may be reserved within a scheme.

Usually a URL has the same interpretation when an octet is represented by a character and when it encoded. However, this is not true for reserved characters: encoding a character reserved for a particular scheme may change the semantics of a URL.

Thus, only alphanumerics, the special characters "$-_.+!*'(),", and reserved characters used for their reserved purposes may be used unencoded within a URL.

RFC 1738
2.1. Percent-Encoding

If two URIs differ only in the case of hexadecimal digits used in percent-encoded octets, they are equivalent. For consistency, URI producers and normalizers should use uppercase hexadecimal digits for all percent- encodings.

6.2.2.1. Case Normalization

For all URIs, the hexadecimal digits within a percent-encoding triplet (e.g., "%3a" versus "%3A") are case-insensitive and therefore should be normalized to use uppercase letters for the digits A-F.

RFC 3986

Valid HTML 5