221 lines
		
	
	
		
			3.7 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
		
		
			
		
	
	
			221 lines
		
	
	
		
			3.7 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
|   | --- | ||
|  | title: Url Encoding Reference | ||
|  | --- | ||
|  | ## Url Encoding Reference
 | ||
|  | 
 | ||
|  | A URL is an address for a website. Just like postal addresses have to follow a specific format to be understood by the postman, URLS have to follow a format to be understood and get you to the right location. | ||
|  | 
 | ||
|  | There are only certain characters that are allowed in the URL string, alphabetic characters, numerals, and a few characters `; , / ? : @ & = + $ - _ . ! ~ * ' ( ) #` that can have special meanings. | ||
|  | 
 | ||
|  | #### Reserved Characters:
 | ||
|  | 
 | ||
|  | | Character | Meaning | | ||
|  | | --- | --- | | ||
|  | | : | Separate protocol (http) from address | | ||
|  | | / | Separate domain and directories | | ||
|  | | # | Separate anchors | | ||
|  | | ? | Separate query string | | ||
|  | | & | Separate query elements | | ||
|  | | @ | Separate username and password from domain | | ||
|  | | % | Indicates an encoded character | | ||
|  | | + | Indicates a space | | ||
|  | 
 | ||
|  | #### Encoding:
 | ||
|  | 
 | ||
|  | Any character that is not an alphabetic character, a number, or a reserved character being used needs to be encoded. | ||
|  | 
 | ||
|  | URLs use the ASCII ("American Standard Code for Information Interchange") character-set and so encoding must be to a valid ASCII format.  | ||
|  | 
 | ||
|  | There are functions in most web languages to do this encoding for you, for example in JavaScript `encodeURI()` and in PHP `rawurlencode()`. | ||
|  | 
 | ||
|  | | Character | Encoded | | ||
|  | | --- | --- | | ||
|  | | space | %20 | | ||
|  | | ! | %21 | | ||
|  | | " | %22 | | ||
|  | | # | %23 | | ||
|  | | $ | %24 | | ||
|  | | % | %25 | | ||
|  | | & | %26 | | ||
|  | | ' | %27 | | ||
|  | | ( | %28 | | ||
|  | | ) | %29 | | ||
|  | | * | %2A | | ||
|  | | + | %2B | | ||
|  | | , | %2C | | ||
|  | | - | %2D | | ||
|  | | . | %2E | | ||
|  | | / | %2F | | ||
|  | | 0 | %30 | | ||
|  | | 1 | %31 | | ||
|  | | 2 | %32 | | ||
|  | | 3 | %33 | | ||
|  | | 4 | %34 | | ||
|  | | 5 | %35 | | ||
|  | | 6 | %36 | | ||
|  | | 7 | %37 | | ||
|  | | 8 | %38 | | ||
|  | | 9 | %39 | | ||
|  | | : | %3A | | ||
|  | | ; | %3B | | ||
|  | | < | %3C | | ||
|  | | = | %3D | | ||
|  | | > | %3E | | ||
|  | | ? | %3F | | ||
|  | | @ | %40 | | ||
|  | | A | %41 | | ||
|  | | B | %42 | | ||
|  | | C | %43 | | ||
|  | | D | %44 | | ||
|  | | E | %45 | | ||
|  | | F | %46 | | ||
|  | | G | %47 | | ||
|  | | H | %48 | | ||
|  | | I | %49 | | ||
|  | | J | %4A | | ||
|  | | K | %4B | | ||
|  | | L | %4C | | ||
|  | | M | %4D | | ||
|  | | N | %4E | | ||
|  | | O | %4F | | ||
|  | | P | %50 | | ||
|  | | Q | %51 | | ||
|  | | R | %52 | | ||
|  | | S | %53 | | ||
|  | | T | %54 | | ||
|  | | U | %55 | | ||
|  | | V | %56 | | ||
|  | | W | %57 | | ||
|  | | X | %58 | | ||
|  | | Y | %59 | | ||
|  | | Z | %5A | | ||
|  | | [ | %5B | | ||
|  | | \ | %5C | | ||
|  | | ] | %5D | | ||
|  | | ^ | %5E | | ||
|  | | _ | %5F | | ||
|  | | ` | %60 | | ||
|  | | a | %61 | | ||
|  | | b | %62 | | ||
|  | | c | %63 | | ||
|  | | d | %64 | | ||
|  | | e | %65 | | ||
|  | | f | %66 | | ||
|  | | g | %67 | | ||
|  | | h | %68 | | ||
|  | | i | %69 | | ||
|  | | j | %6A | | ||
|  | | k | %6B | | ||
|  | | l | %6C | | ||
|  | | m | %6D | | ||
|  | | n | %6E | | ||
|  | | o | %6F | | ||
|  | | p | %70 | | ||
|  | | q | %71 | | ||
|  | | r | %72 | | ||
|  | | s | %73 | | ||
|  | | t | %74 | | ||
|  | | u | %75 | | ||
|  | | v | %76 | | ||
|  | | w | %77 | | ||
|  | | x | %78 | | ||
|  | | y | %79 | | ||
|  | | z | %7A | | ||
|  | | { | %7B | | ||
|  | | | | %7C | | ||
|  | | } | %7D | | ||
|  | | ~ | %7E | | ||
|  | | ¢ | %A2 | | ||
|  | | £ | %A3 | | ||
|  | | ¥ | %A5 | | ||
|  | | | | %A6 | | ||
|  | | § | %A7 | | ||
|  | | « | %AB | | ||
|  | | ¬ | %AC | | ||
|  | | ¯ | %AD | | ||
|  | | º | %B0 | | ||
|  | | ± | %B1 | | ||
|  | | ª | %B2 | | ||
|  | | , | %B4 | | ||
|  | | µ | %B5 | | ||
|  | | » | %BB | | ||
|  | | ¼ | %BC | | ||
|  | | ½ | %BD | | ||
|  | | ¿ | %BF | | ||
|  | | À | %C0 | | ||
|  | | Á | %C1 | | ||
|  | | Â | %C2 | | ||
|  | | Ã | %C3 | | ||
|  | | Ä | %C4 | | ||
|  | | Å | %C5 | | ||
|  | | Æ | %C6 | | ||
|  | | Ç | %C7 | | ||
|  | | È | %C8 | | ||
|  | | É | %C9 | | ||
|  | | Ê | %CA | | ||
|  | | Ë | %CB | | ||
|  | | Ì | %CC | | ||
|  | | Í | %CD | | ||
|  | | Î | %CE | | ||
|  | | Ï | %CF | | ||
|  | | Ð | %D0 | | ||
|  | | Ñ | %D1 | | ||
|  | | Ò | %D2 | | ||
|  | | Ó | %D3 | | ||
|  | | Ô | %D4 | | ||
|  | | Õ | %D5 | | ||
|  | | Ö | %D6 | | ||
|  | | Ø | %D8 | | ||
|  | | Ù | %D9 | | ||
|  | | Ú | %DA | | ||
|  | | Û | %DB | | ||
|  | | Ü | %DC | | ||
|  | | Ý | %DD | | ||
|  | | Þ | %DE | | ||
|  | | ß | %DF | | ||
|  | | à | %E0 | | ||
|  | | á | %E1 | | ||
|  | | â | %E2 | | ||
|  | | ã | %E3 | | ||
|  | | ä | %E4 | | ||
|  | | å | %E5 | | ||
|  | | æ | %E6 | | ||
|  | | ç | %E7 | | ||
|  | | è | %E8 | | ||
|  | | é | %E9 | | ||
|  | | ê | %EA | | ||
|  | | ë | %EB | | ||
|  | | ì | %EC | | ||
|  | | í | %ED | | ||
|  | | î | %EE | | ||
|  | | ï | %EF | | ||
|  | | ð | %F0 | | ||
|  | | ñ | %F1 | | ||
|  | | ò | %F2 | | ||
|  | | ó | %F3 | | ||
|  | | ô | %F4 | | ||
|  | | õ | %F5 | | ||
|  | | ö | %F6 | | ||
|  | | ÷ | %F7 | | ||
|  | | ø | %F8 | | ||
|  | | ù | %F9 | | ||
|  | | ú | %FA | | ||
|  | | û | %FB | | ||
|  | | ü | %FC | | ||
|  | | ý | %FD | | ||
|  | | þ | %FE | | ||
|  | | ÿ | %FF | | ||
|  | 
 | ||
|  | #### Example:
 | ||
|  | 
 | ||
|  | ```js | ||
|  | encodeURI(Free Code Camp); | ||
|  | // Free%20Code%20Camp | ||
|  | ``` | ||
|  | 
 | ||
|  | #### More Information:
 | ||
|  | 
 | ||
|  | [MDN encodeURI()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURI) | ||
|  | 
 | ||
|  | [HTML URL Encoding Reference](https://www.w3schools.com/tags/ref_urlencode.asp) |