CINXE.COM

URL Encode Decode - URL Percent Encoding and Decoding.

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>URL Encode Decode - URL Percent Encoding and Decoding.</title> <meta name="description" content="Enter text to URL encode or decode. Converts the text into a percent encoded string."> <meta name="keywords" content="Urldecode,Url Decode,Urldecoding,Url Decoding,Urldecode Tool,URL Decode Tool,Urldecoding Tool,URL Decoding Tool,Urldecode Online,URL Decode Online,Urldecoding Online,URL Decoding Online,Percent Encoding,Percent Decode"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <link rel="shortcut icon" href="//dpidudyah7i0b.cloudfront.net/favicon.ico" type="image/x-icon"> <link rel="icon" href="//dpidudyah7i0b.cloudfront.net/favicon.ico" type="image/x-icon"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="google-site-verification" content="ZkllBXM0YaGbvtbUBWPeMrRH7sJOHSKErKPJ_bQA9zM" /> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" href="/bootsnipp-layout/bootsnipp.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script async src="//netdna.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <!-- <script src="/js/forum.js"></script>--> <script> window.onload = function() { setTimeout(function() { var ad = document.querySelector("ins.adsbygoogle[data-ad-slot='5700240528']"); var promos = document.querySelectorAll(".fr7a9z"); for (var i = 0; i < promos.length; i++) { var promo = promos[i]; if (ad && ad.innerHTML.replace(/\s/g, "").length == 0) { // ad.style.cssText = 'display:block !important'; ad.parentElement.style.cssText = 'display:none !important'; promo.innerHTML = '<center>\ <div class="fr7a9z2" style="background-color:#FCFCFC;width: 728px;height:90px;padding:10px;border:1px solid #cccccc;text-align:left;">\ <h4 style="margin-top:0px;margin-bottom:2px">\ <i class="fa fa-screenshot"></i> <a href="https://www.bidnapper.com/?refuser=danstools">Win More eBay Auctions</a></h4>\ Bid in the final seconds on eBay. Win more, save money, fast, and free.\ </div>\ </center>'; promo.style.maxWidth= ''; } else if (promo) { promo.innerHTML = '<center>\ <div class="fr7a9z2" style="background-color:#FCFCFC;width: 728px;height:90px;padding:10px;border:1px solid #cccccc;text-align:left;">\ <h5 style="margin-top:0px;margin-bottom:2px">\ <i class="fa fa-screenshot glyphicon glyphicon-screenshot"></i> <a href="https://www.bidnapper.com/?refuser=danstools">Win More eBay Auctions</a></h5>\ Bid in the final seconds on eBay. Win more, save money, fast, and free.\ </div>\ </center>'; var promotwo = document.querySelector(".fr7a9z2"); promotwo.style.width= ''; } } }, 1000); }; </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-55581850-1', 'auto', {'allowLinker': true}); ga('require', 'linker'); ga('require', 'GTM-PKH6F4B'); ga('linker:autoLink', ['danstools.com','unixtimestamp.com','url-encode-decode.com','cssfontstack.com','hexcolortool.com','htaccessredirect.net','jspretty.com','jsmini.com','jsobfuscate.com','md5hashgenerator.com','regextester.com','cleancss.com','favicon-generator.org','website-performance.org','permissions-calculator.org','conversoes.org','convertissez.fr','convertitore.net','elconvertidor.com','files-conversion.com','henkan-muryo.com','konvertirung.org','konvertor.org','tahwil.net','zhuan-huan.com','bootsnipp.com'] ); ga('send', 'pageview'); </script> <script data-ad-client="ca-pub-8815422507798180" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> </head> <body> <nav class="navbar navbar-fixed-top navbar-bootsnipp animate" role="navigation" style="z-index: 9999999"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="animbrand"> <a style="padding-top:10px;" class="navbar-brand animate" href="https://www.url-encode-decode.com">URL Encode/Decode</a> <span class="text-muted" style="font-size:.75em; position:absolute; bottom:3px; left:30px">From <strong>Dan's Tools</strong></span> </div> </div> <!--<script src="/js/BSAcpc.js" async></script> <div class="bsa-apiads hidden-sm hidden-xs"></div> --> <script> $(document).ready(function(){ $('.dropdown-submenu a.submenutest').on("click", function(e){ $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); }); </script> <style> .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu>li>a:hover { background-color: #F5F5F5; border-left-width: 5px; padding-left: 15px; } .dropdown-submenu>.dropdown-menu>li>a { border-left: 0 solid #5FB0E4; color: #787878; font-size: 16px; font-weight: 400; padding: 10px 20px; white-space: nowrap; } .dropdown-submenu .dropdown-menu { min-width: 220px; top: 0; left: 100%; margin-top: -1px; } </style> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Web Dev</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://bootsnipp.com" rel="nofollow">HTML/JS/CSS Playground</a></li><li><a href="http://www.hexcolortool.com" rel="nofollow">HTML Color Codes</a></li><li><a href="http://www.cssfontstack.com" rel="nofollow">CSS Fonts</a></li><li><a href="http://www.cleancss.com/diff-compare-merge" rel="nofollow">Online Diff Tool</a></li><li><a href="http://www.htaccessredirect.net" rel="nofollow">.htaccess Generator</a></li><li><a href="http://www.regextester.com" rel="nofollow">RegEx Testing</a></li><li><a href="http://www.rgbtohex.net" rel="nofollow">RGB & HEX Color Explorer</a></li><li><a href="http://www.rgbtohex.net" rel="nofollow">RGB to HEX Color Converter</a></li><li><a href="http://www.unixtimestamp.com" rel="nofollow">TimeStamp Converter</a></li><li><a href="http://website-performance.org" rel="nofollow">Website Speed Test</a></li><li><a href="http://www.favicon-generator.org" rel="nofollow">Favicon.ico & App Icon Generator</a></li><li><a href="http://www.favicon-generator.org/image-editor" rel="nofollow">Online Image Editor</a></li><li><a href="http://spritegen.website-performance.org" rel="nofollow">CSS Sprite Generator</a></li><li><a href="http://www.cleancss.com/keyword-tool" rel="nofollow">Keyword Tool</a></li><!--<li><a target="_new" href="https://www.jotform.com/form-templates/?utm_source=url-encode-decode&utm_campaign=bootsnipp" rel="nofollow">Free Form Templates</a></li> <li><a target="_new" href="https://www.jotform.com/pdf-templates/?utm_source=url-encode-decode&utm_campaign=bootsnipp" rel="nofollow">Free PDF Templates</a></li>--> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Conversion</span> </a> <ul class="dropdown-menu" role="menu"> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Data</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/CSV-to-HTML" rel="nofollow">CSV To HTML Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-JSON" rel="nofollow">CSV To JSON Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-TSV" rel="nofollow">CSV To TSV Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-XML" rel="nofollow">CSV To XML Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-CSV" rel="nofollow">JSON To CSV Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-HTML" rel="nofollow">JSON To HTML Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-TSV" rel="nofollow">JSON To TSV Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-XML" rel="nofollow">JSON To XML Converter</a></li><li><a href="http://www.cleancss.com/XML-to-CSV" rel="nofollow">XML To CSV Converter</a></li><li><a href="http://www.cleancss.com/XML-to-HTML" rel="nofollow">XML To HTML Converter</a></li><li><a href="http://www.cleancss.com/XML-to-JSON" rel="nofollow">XML To JSON Converter</a></li><li><a href="http://www.cleancss.com/XML-to-TSV" rel="nofollow">XML To TSV Converter</a></li><li><a href="http://www.files-conversion.com" rel="nofollow">Convert Files</a></li> </ul> </li> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Numbers</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/binary-converter" rel="nofollow">Binary Converter</a></li><li><a href="http://www.cleancss.com/binary-to-decimal" rel="nofollow">Binary To Decimal Converter</a></li><li><a href="http://www.cleancss.com/binary-to-hex" rel="nofollow">Binary To Hex Converter</a></li><li><a href="http://www.cleancss.com/binary-to-octal" rel="nofollow">Binary To Octal Converter</a></li><li><a href="http://www.cleancss.com/convert-units" rel="nofollow">Unit Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-binary" rel="nofollow">Decimal To Binary Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-hex" rel="nofollow">Decimal To Hex Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-octal" rel="nofollow">Decimal To Octal Converter</a></li><li><a href="http://www.cleancss.com/hex-to-binary" rel="nofollow">Hex To Binary Converter</a></li><li><a href="http://www.cleancss.com/hex-to-decimal" rel="nofollow">Hex To Decimal Converter</a></li><li><a href="http://www.cleancss.com/hex-to-octal" rel="nofollow">Hex To Octal Converter</a></li><li><a href="http://www.cleancss.com/how-many-bytes" rel="nofollow">Data Size Converter</a></li><li><a href="http://www.cleancss.com/octal-to-binary" rel="nofollow">Octal To Binary Converter</a></li><li><a href="http://www.cleancss.com/octal-to-decimal" rel="nofollow">Octal To Decimal Converter</a></li><li><a href="http://www.cleancss.com/octal-to-hex" rel="nofollow">Octal To Hex Converter</a></li> </ul> </li> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Strings</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/binary-to-string" rel="nofollow">Binary To String Converter</a></li><li><a href="http://www.cleancss.com/hex-to-string" rel="nofollow">Hex To String Converter</a></li><li><a href="http://www.cleancss.com/html-escape" rel="nofollow">HTML Entities Escape</a></li><li><a href="http://www.cleancss.com/html-unescape" rel="nofollow">HTML Entities Unescape</a></li><li><a href="http://www.cleancss.com/string-to-binary" rel="nofollow">String To Binary Converter</a></li><li><a href="http://www.cleancss.com/string-to-hex" rel="nofollow">String To Hex Converter</a></li><li><a href="http://www.cleancss.com/strip-html" rel="nofollow">Strip and Remove HTML Tags</a></li><li><a href="http://www.cleancss.com/strip-xml" rel="nofollow">Strip and Remove XML Tags</a></li><li><a href="http://www.cleancss.com/word-counter" rel="nofollow">Word Counter</a></li><li><a href="http://www.cleancss.com/xml-escape" rel="nofollow">XML Entities Escape</a></li><li><a href="http://www.cleancss.com/xml-unescape" rel="nofollow">XML Entities Unescape</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Encode/Decoders</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/base64-decode" rel="nofollow">Base64 Decode</a></li><li><a href="http://www.cleancss.com/base64-encode" rel="nofollow">Base64 Encode</a></li><li><a href="http://www.md5hashgenerator.com" rel="nofollow">MD5 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha1-generator" rel="nofollow">SHA-1 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha256-hash-generator" rel="nofollow">SHA-256 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha512-hash-generator" rel="nofollow">SHA-512 Hash Generator</a></li><li><a href="http://www.url-encode-decode.com" rel="nofollow">URL Encode/Decode</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Formatters</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/css-beautify" rel="nofollow">CSS Formatter</a></li><li><a href="http://www.cleancss.com/go-beautify" rel="nofollow">GO Formatter</a></li><li><a href="http://www.cleancss.com/html-beautify" rel="nofollow">HTML Beautifier & Formatter</a></li><li><a href="http://www.cleancss.com/javascript-beautify" rel="nofollow">Javascript Formatter</a></li><li><a href="http://www.cleancss.com/javascript-obfuscate" rel="nofollow">Javascript Obfuscate</a></li><li><a href="http://www.cleancss.com/json-beautify" rel="nofollow">JSON Formatter & Beautifier</a></li><li><a href="http://www.cleancss.com/json-editor" rel="nofollow">JSON Editor</a></li><li><a href="http://www.cleancss.com/json-validator" rel="nofollow">JSON Validator</a></li><li><a href="http://www.cleancss.com/perl-beautify" rel="nofollow">Perl Formatter</a></li><li><a href="http://www.cleancss.com/php-beautify" rel="nofollow">PHP Formatter</a></li><li><a href="http://www.cleancss.com/python-beautify" rel="nofollow">Python Formatter</a></li><li><a href="http://www.cleancss.com/ruby-beautify" rel="nofollow">Ruby Formatter</a></li><li><a href="http://www.cleancss.com/sql-beautify" rel="nofollow">SQL Formatter</a></li><li><a href="http://www.cleancss.com/xml-beautify" rel="nofollow">XML Formatter & Beautifier</a></li><li><a href="http://www.cleancss.com/css-minify" rel="nofollow">CSS Minify</a></li><li><a href="http://www.cleancss.com/javascript-minify" rel="nofollow">Javascript Minify</a></li><li><a href="http://www.cleancss.com/json-minify" rel="nofollow">JSON Minify</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Internet</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/email-validator" rel="nofollow">Email Validator</a></li><li><a href="http://www.cleancss.com/is-it-up-or-down" rel="nofollow">Is It Up Or Down</a></li><li><a href="http://www.cleancss.com/router-default" rel="nofollow">Default Router Settings</a></li><li><a href="http://www.cleancss.com/user-manuals" rel="nofollow">User Manuals</a></li><li><a href="http://www.cleancss.com/what-is-my-ip" rel="nofollow">What is my IP</a></li> </ul> </li> <li><a data-toggle="modal" href="#JoinModal">Join</a></li><li><a data-toggle="modal" href="#LoginModal">Login</a></li> </ul> </div> </div> <!-- <div class="bootsnipp-search "> <div class="container"> <form action="https://bootsnipp.com/search" method="GET" role="search"> <div class="input-group"> <input type="text" class="form-control" name="q" placeholder="Search for snippets and hit enter"> <span class="input-group-btn"> <button class="btn btn-danger" type="reset"><span class="glyphicon glyphicon-remove"></span></button> </span> </div> </form> </div> </div> --> </nav> <div class="container" style="margin-top:30px;margin-bottom:20px;"> <div class="col-md-9 col-xl-10"> <h3 class="text-center hidden-xs hidden-sm hidden">URL Encode/Decode</h3> <br/> <!--<script> $( document ).ready(function() { $("#image").error(function(){$(this).hide(); $('#captxt').hide(); $('#captxt').val('hide'); }); $("#image").load(function(){ $('#captxt').show(); }); $('#cap').submit(function(event) { if ($('#captxt').val() == '') { alert('Please enter the captcha'); return false; } var img = $("<img />").attr('src', 'http://www.insurancexdate.com/cgi-bin/nydata.pl?cap='+$('#captxt').val()) $('capimg').append(img); }); }); </script>--> <!-- Ezoic - Top of Page - top_of_page --> <div id="ezoic-pub-ad-placeholder-101"> <div style="margin-bottom:20px;margin:auto"> <ins class="adsbygoogle" style="display:block;" data-ad-client="ca-pub-8815422507798180" data-ad-slot="5700240528" data-ad-format="auto" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <!-- End Ezoic - Sidebar Top - sidebar --> <!--<div class="col-md-4 hidden-xs hidden-sm hidden-md fr7a9z" style="vertical-align:top;display:inline-block; height:100px;"> </div>--> <!--Start Dashboard 2--> <div class="row"> <form method="POST" id="cap"> <div class="col-md-6"> <textarea class="form-control" name="string" id="string" rows="15" placeholder="Enter the text that you wish to encode or decode."></textarea> <!--<br /> <span style="padding-right: 150px;"> <img id="image" src="http://www.insurancexdate.com/cgi-bin/nydata.pl" style="margin:5px;"> <br/> <input id="captxt" style="display:none; margin:5px;text-transform: uppercase" type="text" name="cap" placeholder="Enter the image above"> <div id="capimg" style="display:none;"></div> <br/>--> <br/> <button class="btn btn-primary" type="submit" name="action" value="Encode" style="vertical-align: top;"><span class="glyphicon glyphicon-arrow-right"></span> Encode url</button> <button class="btn btn-primary" type="submit" name="action" value="Decode" style="vertical-align: top;"><span class="glyphicon glyphicon-arrow-left"></span> Decode url</button> </span> </div> <div class="col-md-6"> <textarea class="form-control" name="string2" id="string2" rows="15" placeholder="Your results will appear here." disabled></textarea> </div> </form> </div> <hr/> <div class="row"> <div class="col-md-12"> <h1>URL Encode and Decode Tool</h1> <p>Use the online tool from above to either encode or decode a string of text. For worldwide interoperability, URIs have to be encoded uniformly. To map the wide range of characters used worldwide into the 60 or so allowed characters in a URI, a two-step process is used: </p> <ul style="position: relative; left: 10px;"> <li style="position: relative; left: 30px;">Convert the character string into a sequence of bytes using the UTF-8 encoding</li> <li style="position: relative; left: 30px;">Convert each byte that is not an ASCII letter or digit to %HH, where HH is the hexadecimal value of the byte</li> </ul> <p>For example, the string: Fran莽ois ,would be encoded as: Fran%C3%A7ois <br><br> (The "莽" is encoded in UTF-8 as two bytes C3 (hex) and A7 (hex), which are then written as the three characters "%c3" and "%a7" respectively.) This can make a URI rather long (up to 9 ASCII characters for a single Unicode character), but the intention is that browsers only need to display the decoded form, and many protocols can send UTF-8 without the %HH escaping. </p> <h2>What is URL encoding?</h2> <p><strong>URL encoding</strong> stands for encoding certain characters in a URL by replacing them with one or more character triplets that consist of the percent character "<code>%</code>" followed by two hexadecimal digits. The two hexadecimal digits of the triplet(s) represent the numeric value of the replaced character. </p> <p>The term <strong>URL encoding</strong> is a bit inexact because the encoding procedure is not limited to URLs (<a href="http://en.wikipedia.org/wiki/Url">Uniform Resource Locators</a>), but can also be applied to any other URIs (<a href="http://en.wikipedia.org/wiki/Uniform_Resource_Identifier">Uniform Resource Identifiers</a>) such as URNs (<a href="http://en.wikipedia.org/wiki/Uniform_Resource_Name">Uniform Resource Names</a>). Therefore, the term percent-encoding should be preferred. </p> <h3 class="page-header">Which Characters Are Allowed in a URL?</h3> <p>The characters allowed in a URI are either <i>reserved</i> or <i>unreserved</i> (or a percent character as part of a percent-encoding). <i>Reserved</i> characters are those characters that sometimes have special meaning, while <i>unreserved</i> characters have no such meaning. Using percent-encoding, characters which otherwise would not be allowed are represented using allowed characters. The sets of reserved and unreserved characters and the circumstances under which certain reserved characters have special meaning have changed slightly with each revision of specifications that govern URIs and URI schemes. </p> <p>According to <a href="http://www.gbiv.com/protocols/uri/rfc/rfc3986.html">RFC 3986</a>, the characters in a URL have to be taken from a defined set of unreserved and reserved <a href="http://en.wikipedia.org/wiki/ASCII">ASCII</a> characters. Any other characters are not allowed in a URL. </p> <p>The unreserved characters can be encoded, but should not be encoded. The unreserved characters are:<br><br> <code>A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 - _ . ~</code> </p> <p>The reserved characters have to be encoded only under certain circumstances. The reserved characters are:<br><br> <code>! * ' ( ) ; : @ &amp; = + $ , / ? % # [ ]</code> </p> <h3 class="page-header">Encoding/Decoding a Piece of Text</h3> <p><a href="http://www.gbiv.com/protocols/uri/rfc/rfc3986.html">RFC 3986</a> does not define according to which character encoding table non-<a href="http://en.wikipedia.org/wiki/ASCII">ASCII</a> characters (e.g. the umlauts &auml;, &ouml;, &uuml;) should be encoded. As <strong>URL encoding</strong> involves a pair of hexadecimal digits and as a pair of hexadecimal digits is equivalent to 8 bits, it would theoretically be possible to use one of the 8-bit code pages for non-ASCII characters (e.g. ISO-8859-1 for umlauts). </p> <p>On the other hand, as many languages have their own 8-bit code page, handling all these different 8-bit code pages would be a quite cumbersome thing to do. Some languages do not even fit into an 8-bit code page (e.g. Chinese). Therefore, <a href="http://tools.ietf.org/html/rfc3629">RFC 3629</a> proposes to use the <a href="http://en.wikipedia.org/wiki/UTF-8">UTF-8</a> character encoding table for non-ASCII characters. The following tool takes this into account and offers to choose between the ASCII character encoding table and the UTF-8 character encoding table. If you opt for the ASCII character encoding table, a warning message will pop up if the <strong>URL encoded/decoded</strong> text contains non-ASCII characters. </p> <h3 class="page-header">When and why would you use URL encoding?</h3> <p>When data that has been entered into HTML forms is submitted, the form field names and values are encoded and sent to the server in an HTTP request message using method GET or POST, or, historically, via email. The encoding used by default is based on a very early version of the general URI percent-encoding rules, with a number of modifications such as newline normalization and replacing spaces with "<code>+</code>" instead of "<code>%20</code>". The MIME type of data encoded this way is <code>application/x-www-form-urlencoded</code>, and it is currently defined (still in a very outdated manner) in the HTML and XForms specifications. In addition, the CGI specification contains rules for how web servers decode data of this type and make it available to applications. </p> <p>When sent in an HTTP GET request, application/x-www-form-urlencoded data is included in the query component of the request URI. When sent in an HTTP POST request or via email, the data is placed in the body of the message, and the name of the media type is included in the message's Content-Type header. </p> <h4 class="page-header">External Links</h4> <ul> <li>More information about <a href="http://en.wikipedia.org/wiki/Percent-encoding">percent-encoding</a> (Wikipedia)</li> <li><a href="http://www.w3.org/International/O-URL-code.html">URL encoding</a> with Java (UTF-8 character encoding, source code available)</li> </ul> </div> </div> <!--<h4>Background</h4> A URI is the address that you type into your web browser to get to a certain page. The RFC specifies certain characters for specific uses in a URI which means those characters cannot be included in an HTTP request. To remedy this, you must use "Percent encoding", or URL encoding. This maps the reserved characters to their byte value in ASCII as a hexidecimal digit which is preceded by a percent sign. <p /> <b>The reserved characters follow with their encoded equivalent:</b><br/> <ul> <li>! - %21</li> <li># - %23</li> <li>$ - %24</li> <li>& - %26</li> <li>' - %27</li> <li>( - %28</li> <li>) - %29</li> <li>* - %2A</li> <li>+ - %2B</li> <li>, - %2C</li> <li>/ - %2F</li> <li>: - %3A</li> <li>; - %3B</li> <li>= - %3D</li> <li>? - %3F</li> <li>@ - %40</li> <li>[ - %5B</li> <li>] - %5D</li> </ul> <div class="col-xs-12"><hr></div> <h4>Examples</h4> The string <code>Dan's Tools are cool!</code> must be encoded as <code>Dan%27s+tools+are+cool%21</code> to be included in an HTTP request. <p /> <b>Code Examples</b><br /> PHP: <code>urlencode($string);</code> <code>urldecode($string);</code> <div class="col-xs-12"><hr></div> <h4>Related Links</h4> <a href="http://en.wikipedia.org/wiki/Percent-encoding">Percent Encoding</a><br /> <a href="http://tools.ietf.org/html/rfc1738">RFC 1738</a> --> <!--- foooter --> </div> <div class="col-md-3 col-xl-2" style="margin-top:30px;"> <h4 class="text-muted">Related Tools: </h4><p><i class="fa fa-chevron-right"></i> <strong><a href="https://www.cleancss.com/html-escape">HTML Entities Escape</a></strong></p><p><i class="fa fa-chevron-right"></i> <strong><a href="https://www.cleancss.com/base64-encode">Base64 Encode</a></strong></p><hr/> <script> $( document ).ready(function() { if (1==0 && window.canRunAds === true) { $('#blocker').hide(); } else { $('#blocker').show(); } }); </script> <!-- Ezoic - Sidebar Top - sidebar --> <div id="ezoic-pub-ad-placeholder-102"> <ins class="adsbygoogle" style="display:block;" data-ad-client="ca-pub-8815422507798180" data-ad-slot="5700240528" data-ad-format="vertical"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <!-- End Ezoic - Sidebar Top - sidebar --> </div> </div> <div class="clearfix"></div> <footer class="bs-footer" role="contentinfo"> <div class="container"> <div class="bs-social"> <ul class="bs-social-buttons"> <li class="follow-btn"> <a id="js-twitter-follow" href="https://twitter.com/danstools00" class="twitter-follow-button" data-show-count="false">Follow @danstools00</a> </li> </ul> </div> <p>&copy; 2014-2019 <a href="https://www.danstools.com" target="_blank">Dan's Tools</a> | <a href="/about.php">About</a> | <a href="/privacy.php" target="_blank">Privacy</a> | <a href="https://www.cleancss.com/tesla/">Tesla Referral Code</a></p> </div> </footer> <div class="modal fade" id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Login</h1> </div> <div class="modal-body"> <p> If you don't already have an account, <a data-toggle="modal" href="#JoinModal">Register Now</a> </p> <form method="POST" action="/login.php"> <input class="form-control" type="text" name="username" placeholder="Email Address"><br /> <input class="form-control"type="password" name="password" placeholder="Password"><br /> <input class="form-control btn btn-primary" type="submit" value="Login"> </form> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="JoinModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Join</h1> </div> <div class="modal-body"> <p> Join to access discussion forums and premium features of the site. </p> <form method="POST" action="/join.php"> <input class="form-control" type="text" name="email" placeholder="Email Address"><br /> <input class="form-control"type="password" name="password" placeholder="Password"><br /> <input class="form-control btn btn-primary" type="submit" value="Join Now"> </form> <br /> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="ShareModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Please Share!</h1> </div> <div class="modal-body"> <!-- content goes here --> <strong><span id="sharetxt">Thank you for using my tool. If you could share this tool with your friends, that would be a huge help:</span></strong> <br /> <a href="https://twitter.com/share" class="twitter-share-button" data-via="twitterapi" data-lang="en" data-count="horizontal" data-url="http://www.url-encode-decode.com">Tweet</a> <br /> <a href="//www.reddit.com/submit" onclick="window.location = '//www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="//www.redditstatic.com/spreddit7.gif" alt="submit to reddit" border="0" /> </a> <p /> <br/> <strong>Or follow us to learn about our latest tools:</strong> <br /> <a href="https://twitter.com/danstools00" class="twitter-follow-button" data-show-count="false">Follow @danstools00</a> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <script async src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script async src="/js/ads.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10