A html space is showing as %2520 instead of %20

by

A bit of explaining as to what that %2520 is :

The common space character is encoded as %20 as you noted yourself.
The % character is encoded as %25.

The way you get %2520 is when your url already has a %20 in it, and gets urlencoded again, which transforms the %20 to %2520.

Are you (or any framework you might be using) double encoding characters?

Edit:
Expanding a bit on this, especially for LOCAL links. Assuming you want to link to the resource C:\my path\my file.html:

  • if you provide a local file path only, the browser is expected to encode and protect all characters given (in the above, you should give it with spaces as shown, since % is a valid filename character and as such it will be encoded) when converting to a proper URL (see next point).
  • if you provide a URL with the file:// protocol, you are basically stating that you have taken all precautions and encoded what needs encoding, the rest should be treated as special characters. In the above example, you should thus provide file:///c:/my%20path/my%20file.html. Aside from fixing slashes, clients should not encode characters here.

NOTES:

  • Slash direction – forward slashes / are used in URLs, reverse slashes \ in Windows paths, but most clients will work with both by converting them to the proper forward slash.
  • In addition, there are 3 slashes after the protocol name, since you are silently referring to the current machine instead of a remote host ( the full unabbreviated path would be file://localhost/c:/my%20path/my%file.html ), but again most clients will work without the host part (ie two slashes only) by assuming you mean the local machine and adding the third slash.

More Related Contents:

  1. Absolute vs relative URLs
  2. Fixed page header overlaps in-page anchors
  3. Unicode characters in URLs
  4. Is a URL allowed to contain a space?
  5. Absolute URLs omitting the protocol (scheme) in order to preserve the one of the current page
  6. What characters are valid in a URL? [duplicate]
  7. CSS set background-image by data-image attr
  8. How to specify a local file within html using the file: scheme?
  9. Network-Path Reference URI / Scheme relative URLs
  10. What is the meaning of ? (question mark) in a URL string? [duplicate]
  11. Difference between Url Encode and HTML encode
  12. File URL “Not allowed to load local resource” in the Internet Browser
  13. What characters must be escaped in an HTTP query string?
  14. What is the character limit on URL [duplicate]
  15. How can I extract URL and link text from HTML in Perl?
  16. How to save the content in UIWebView for faster loading on next launch?
  17. Allow Access-Control-Allow-Origin header using HTML5 fetch API
  18. An URL to a Windows shared folder [duplicate]
  19. How do I open a URL from C++?
  20. Question mark in the middle of a URL variable
  21. How to remove x and y on submit in HTML form with Image type button?
  22. How can I pre-populate html form input fields from url parameters?
  23. Compiling dynamic HTML strings from database
  24. Responsively change div size keeping aspect ratio [duplicate]
  25. Rendering problems using flexbox in Firefox and Chrome 48 [duplicate]
  26. How to make images stay within the rows of a css grid container?
  27. CSS – Sticky footer [duplicate]
  28. Disable Chrome translation bar on my website
  29. Floating Div Over An Image
  30. How to remove the space between list items [duplicate]

Leave a Comment