{"id":79189,"date":"2020-07-13T09:00:40","date_gmt":"2020-07-13T03:30:40","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=79189"},"modified":"2024-07-24T16:40:34","modified_gmt":"2024-07-24T11:10:34","slug":"url-encoding-in-html","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/","title":{"rendered":"URL Encoding in HTML – HTML URL Encode Characters"},"content":{"rendered":"

Welcome to DataFlair HTML Tutorial<\/strong>. We will learn about HTML URL Encode and encoding process along with encode characters.<\/strong><\/p>\n

\"html<\/a><\/h2>\n

HTML URL Encoding<\/h2>\n

Uniform Resource Locator or URL is used as the address of a document on the web. It can be composed of words, typically the Domain Name Server(DNS), or IP address. For example, https:\/\/data-flair.training\/blogs\/<\/strong> is a URL.<\/p>\n

The structure of this URL is as follows-
\nscheme:\/\/prefix.domain:port\/path\/filename<\/strong><\/p>\n

Here:<\/p>\n

Scheme <\/strong>– Defines the internet service type, commonly http or https.
\nPrefix –<\/strong> Defines the domain prefix, www.
\nDomain –<\/strong> It defines the domain name of the internet, data-flair.training
\nPort –<\/strong> Defines the host\u2019s port number, 80 is the default port number for http.
\nPath –<\/strong> Defines the path at the server.
\nFilename –<\/strong> It defines the name of the file or the document that is being displayed.<\/p>\n

HTML URL Schemes<\/h2>\n

Some common URL schemes are-<\/p>\n

    \n
  • Http(HyperText Transfer Protocol) –<\/strong> Used for common web-pages. It is not encrypted.<\/li>\n
  • Https(Secure HyperText Transfer Protocol) –<\/strong> Used for secure web-pages. It is encrypted.<\/li>\n
  • ftp(File Transfer Protocol) –<\/strong> Used for downloading and uploading files.<\/li>\n<\/ul>\n

    HTML URL Encode Characters<\/h2>\n

    URL encoding is the practice of translating characters within URL to ASCII so that they can be easily transmitted and get accepted by all the browsers present globally on the internet. The non-ASCII characters are shown with a percentage sign (%) followed by hexadecimal digits.<\/p>\n

    Hence, URL encoding basically involves replacing a character that does not start with \u2018%\u2019 followed by hexadecimal digits to the ASCII character set. For example, if you want to type a space in the URL, you write it as %20. $ is replaced by %24.<\/p>\n

    http:\/\/www.example.com\/new%20article.htm<\/strong><\/p>\n

    We would interpret this as \u2018new article.htm\u2019<\/p>\n

    The browser encodes the input as per the character set used in the document. The character set used in HTML5 is UTF-8.<\/p>\n

    The character that is encoded are:<\/p>\n

    a. HTML ASCII Control Characters<\/h3>\n

    The characters used for output control. Typically from 00-1F(0-31 in decimal) and 7F(127 in decimal).
    \nASCII Encoding Example:<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    Character<\/b><\/td>\nFrom Windows-1252<\/b><\/td>\nFrom UTF-8<\/b><\/td>\n<\/tr>\n
    \u20ac<\/span><\/td>\n%80<\/span><\/td>\n%E2%82%AC<\/span><\/td>\n<\/tr>\n
    \u00a3<\/span><\/td>\n%A3<\/span><\/td>\n%C2%A3<\/span><\/td>\n<\/tr>\n
    \u00a9<\/span><\/td>\n%A9<\/span><\/td>\n%C2%A9<\/span><\/td>\n<\/tr>\n
    \u00ae<\/span><\/td>\n%AE<\/span><\/td>\n%C2%AE<\/span><\/td>\n<\/tr>\n
    \u00c0<\/span><\/td>\n%C0<\/span><\/td>\n%C3%80<\/span><\/td>\n<\/tr>\n
    \u00c1<\/span><\/td>\n%C1<\/span><\/td>\n%C3%81<\/span><\/td>\n<\/tr>\n
    \u00c2<\/span><\/td>\n%C2<\/span><\/td>\n%C3%82<\/span><\/td>\n<\/tr>\n
    \u00c3<\/span><\/td>\n%C3<\/span><\/td>\n%C3%83<\/span><\/td>\n<\/tr>\n
    \u00c4<\/span><\/td>\n%C4<\/span><\/td>\n%C3%84<\/span><\/td>\n<\/tr>\n
    \u00c5<\/span><\/td>\n%C5<\/span><\/td>\n%C3%85<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    For entire URL encoding, please visit https:\/\/www.eso.org\/~ndelmott\/url_encode.html<\/strong><\/p>\n

    b. HTML Non-ASCII Characters<\/h3>\n

    The characters beyond the ASCII characters i.e., beyond 128 characters. Following is the list of Non-ASCII url encoding-<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    CHARACTER<\/b><\/td>\nENCODED FORM<\/b><\/td>\n<\/tr>\n
    128<\/span><\/td>\n%80<\/span><\/td>\n<\/tr>\n
    129<\/span><\/td>\n%81<\/span><\/td>\n<\/tr>\n
    130<\/span><\/td>\n%82<\/span><\/td>\n<\/tr>\n
    131<\/span><\/td>\n%83<\/span><\/td>\n<\/tr>\n
    132<\/span><\/td>\n%84<\/span><\/td>\n<\/tr>\n
    133<\/span><\/td>\n%85<\/span><\/td>\n<\/tr>\n
    134<\/span><\/td>\n%86<\/span><\/td>\n<\/tr>\n
    135<\/span><\/td>\n%87<\/span><\/td>\n<\/tr>\n
    136<\/span><\/td>\n%88<\/span><\/td>\n<\/tr>\n
    137<\/span><\/td>\n%89<\/span><\/td>\n<\/tr>\n
    138<\/span><\/td>\n%8a<\/span><\/td>\n<\/tr>\n
    139<\/span><\/td>\n%8b<\/span><\/td>\n<\/tr>\n
    140<\/span><\/td>\n%8c<\/span><\/td>\n<\/tr>\n
    141<\/span><\/td>\n%8d<\/span><\/td>\n<\/tr>\n
    142<\/span><\/td>\n%8e<\/span><\/td>\n<\/tr>\n
    143<\/span><\/td>\n%8f<\/span><\/td>\n<\/tr>\n
    144<\/span><\/td>\n%90<\/span><\/td>\n<\/tr>\n
    145<\/span><\/td>\n%91<\/span><\/td>\n<\/tr>\n
    146<\/span><\/td>\n%92<\/span><\/td>\n<\/tr>\n
    147<\/span><\/td>\n%93<\/span><\/td>\n<\/tr>\n
    148<\/span><\/td>\n%94<\/span><\/td>\n<\/tr>\n
    149<\/span><\/td>\n%95<\/span><\/td>\n<\/tr>\n
    150<\/span><\/td>\n%96<\/span><\/td>\n<\/tr>\n
    151<\/span><\/td>\n%97<\/span><\/td>\n<\/tr>\n
    152<\/span><\/td>\n%98<\/span><\/td>\n<\/tr>\n
    153<\/span><\/td>\n%99<\/span><\/td>\n<\/tr>\n
    154<\/span><\/td>\n%9a<\/span><\/td>\n<\/tr>\n
    155<\/span><\/td>\n%9b<\/span><\/td>\n<\/tr>\n
    156<\/span><\/td>\n%9c<\/span><\/td>\n<\/tr>\n
    157<\/span><\/td>\n%9d<\/span><\/td>\n<\/tr>\n
    158<\/span><\/td>\n%9e<\/span><\/td>\n<\/tr>\n
    159<\/span><\/td>\n%9f<\/span><\/td>\n<\/tr>\n
    160<\/span><\/td>\n%a0<\/span><\/td>\n<\/tr>\n
    161<\/span><\/td>\n%a1<\/span><\/td>\n<\/tr>\n
    162<\/span><\/td>\n%a2<\/span><\/td>\n<\/tr>\n
    163<\/span><\/td>\n%a3<\/span><\/td>\n<\/tr>\n
    164<\/span><\/td>\n%a4<\/span><\/td>\n<\/tr>\n
    165<\/span><\/td>\n%a5<\/span><\/td>\n<\/tr>\n
    166<\/span><\/td>\n%a6<\/span><\/td>\n<\/tr>\n
    167<\/span><\/td>\n%a7<\/span><\/td>\n<\/tr>\n
    168<\/span><\/td>\n%a8<\/span><\/td>\n<\/tr>\n
    169<\/span><\/td>\n%a9<\/span><\/td>\n<\/tr>\n
    170<\/span><\/td>\n%aa<\/span><\/td>\n<\/tr>\n
    171<\/span><\/td>\n%ab<\/span><\/td>\n<\/tr>\n
    172<\/span><\/td>\n%ac<\/span><\/td>\n<\/tr>\n
    173<\/span><\/td>\n%ad<\/span><\/td>\n<\/tr>\n
    174<\/span><\/td>\n%ae<\/span><\/td>\n<\/tr>\n
    175<\/span><\/td>\n%af<\/span><\/td>\n<\/tr>\n
    176<\/span><\/td>\n%b0<\/span><\/td>\n<\/tr>\n
    177<\/span><\/td>\n%b1<\/span><\/td>\n<\/tr>\n
    178<\/span><\/td>\n%b2<\/span><\/td>\n<\/tr>\n
    179<\/span><\/td>\n%b3<\/span><\/td>\n<\/tr>\n
    180<\/span><\/td>\n%b4<\/span><\/td>\n<\/tr>\n
    181<\/span><\/td>\n%b5<\/span><\/td>\n<\/tr>\n
    182<\/span><\/td>\n%b6<\/span><\/td>\n<\/tr>\n
    183<\/span><\/td>\n%b7<\/span><\/td>\n<\/tr>\n
    184<\/span><\/td>\n%b8<\/span><\/td>\n<\/tr>\n
    185<\/span><\/td>\n%b9<\/span><\/td>\n<\/tr>\n
    186<\/span><\/td>\n%ba<\/span><\/td>\n<\/tr>\n
    187<\/span><\/td>\n%bb<\/span><\/td>\n<\/tr>\n
    188<\/span><\/td>\n%bc<\/span><\/td>\n<\/tr>\n
    189<\/span><\/td>\n%bd<\/span><\/td>\n<\/tr>\n
    190<\/span><\/td>\n%be<\/span><\/td>\n<\/tr>\n
    191<\/span><\/td>\n%bf<\/span><\/td>\n<\/tr>\n
    192<\/span><\/td>\n%c0<\/span><\/td>\n<\/tr>\n
    193<\/span><\/td>\n%c1<\/span><\/td>\n<\/tr>\n
    194<\/span><\/td>\n%c2<\/span><\/td>\n<\/tr>\n
    195<\/span><\/td>\n%c3<\/span><\/td>\n<\/tr>\n
    196<\/span><\/td>\n%c4<\/span><\/td>\n<\/tr>\n
    197<\/span><\/td>\n%c5<\/span><\/td>\n<\/tr>\n
    198<\/span><\/td>\n%v6<\/span><\/td>\n<\/tr>\n
    199<\/span><\/td>\n%c7<\/span><\/td>\n<\/tr>\n
    200<\/span><\/td>\n%c8<\/span><\/td>\n<\/tr>\n
    201<\/span><\/td>\n%c9<\/span><\/td>\n<\/tr>\n
    202<\/span><\/td>\n%ca<\/span><\/td>\n<\/tr>\n
    203<\/span><\/td>\n%cb<\/span><\/td>\n<\/tr>\n
    204<\/span><\/td>\n%cc<\/span><\/td>\n<\/tr>\n
    205<\/span><\/td>\n%cd<\/span><\/td>\n<\/tr>\n
    206<\/span><\/td>\n%ce<\/span><\/td>\n<\/tr>\n
    207<\/span><\/td>\n%cf<\/span><\/td>\n<\/tr>\n
    208<\/span><\/td>\n%d0<\/span><\/td>\n<\/tr>\n
    209<\/span><\/td>\n%d1<\/span><\/td>\n<\/tr>\n
    210<\/span><\/td>\n%d2<\/span><\/td>\n<\/tr>\n
    211<\/span><\/td>\n%d3<\/span><\/td>\n<\/tr>\n
    212<\/span><\/td>\n%d4<\/span><\/td>\n<\/tr>\n
    213<\/span><\/td>\n%d5<\/span><\/td>\n<\/tr>\n
    214<\/span><\/td>\n%d6<\/span><\/td>\n<\/tr>\n
    215<\/span><\/td>\n%d7<\/span><\/td>\n<\/tr>\n
    216<\/span><\/td>\n%d8<\/span><\/td>\n<\/tr>\n
    217<\/span><\/td>\n%d9<\/span><\/td>\n<\/tr>\n
    218<\/span><\/td>\n%da<\/span><\/td>\n<\/tr>\n
    219<\/span><\/td>\n%db<\/span><\/td>\n<\/tr>\n
    220<\/span><\/td>\n%dc<\/span><\/td>\n<\/tr>\n
    221<\/span><\/td>\n%dd<\/span><\/td>\n<\/tr>\n
    222<\/span><\/td>\n%de<\/span><\/td>\n<\/tr>\n
    223<\/span><\/td>\n%df<\/span><\/td>\n<\/tr>\n
    224<\/span><\/td>\n%e0<\/span><\/td>\n<\/tr>\n
    225<\/span><\/td>\n%e1<\/span><\/td>\n<\/tr>\n
    226<\/span><\/td>\n%e2<\/span><\/td>\n<\/tr>\n
    227<\/span><\/td>\n%e3<\/span><\/td>\n<\/tr>\n
    228<\/span><\/td>\n%e4<\/span><\/td>\n<\/tr>\n
    229<\/span><\/td>\n%e5<\/span><\/td>\n<\/tr>\n
    230<\/span><\/td>\n%e6<\/span><\/td>\n<\/tr>\n
    231<\/span><\/td>\n%e7<\/span><\/td>\n<\/tr>\n
    232<\/span><\/td>\n%e8<\/span><\/td>\n<\/tr>\n
    233<\/span><\/td>\n%e9<\/span><\/td>\n<\/tr>\n
    234<\/span><\/td>\n%ea<\/span><\/td>\n<\/tr>\n
    235<\/span><\/td>\n%eb<\/span><\/td>\n<\/tr>\n
    236<\/span><\/td>\n%ec<\/span><\/td>\n<\/tr>\n
    237<\/span><\/td>\n%ed<\/span><\/td>\n<\/tr>\n
    238<\/span><\/td>\n%ee<\/span><\/td>\n<\/tr>\n
    239<\/span><\/td>\n%ef<\/span><\/td>\n<\/tr>\n
    240<\/span><\/td>\n%f0<\/span><\/td>\n<\/tr>\n
    241<\/span><\/td>\n%f1<\/span><\/td>\n<\/tr>\n
    242<\/span><\/td>\n%f2<\/span><\/td>\n<\/tr>\n
    243<\/span><\/td>\n%f3<\/span><\/td>\n<\/tr>\n
    244<\/span><\/td>\n%f4<\/span><\/td>\n<\/tr>\n
    245<\/span><\/td>\n%f5<\/span><\/td>\n<\/tr>\n
    246<\/span><\/td>\n%f6<\/span><\/td>\n<\/tr>\n
    247<\/span><\/td>\n%f7<\/span><\/td>\n<\/tr>\n
    248<\/span><\/td>\n%f8<\/span><\/td>\n<\/tr>\n
    249<\/span><\/td>\n%f9<\/span><\/td>\n<\/tr>\n
    250<\/span><\/td>\n%fa<\/span><\/td>\n<\/tr>\n
    251<\/span><\/td>\n%fb<\/span><\/td>\n<\/tr>\n
    252<\/span><\/td>\n%fc<\/span><\/td>\n<\/tr>\n
    253<\/span><\/td>\n%fd<\/span><\/td>\n<\/tr>\n
    254<\/span><\/td>\n%fe<\/span><\/td>\n<\/tr>\n
    255<\/span><\/td>\n%ff<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    c. HTML Reserved Encode Characters<\/h3>\n

    These include all the special characters such as semicolon(;), dollar($), question mark(?). These characters have a different meaning in URLs and need to be encoded. For example, the \u2018\/\u2019 character has a special meaning i.e. it is used to separate the paths of URL and at the same time, it is also a reserved character. It is encoded as %2F. Following is the list of reserved characters.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    CHARACTER<\/b><\/td>\nENCODED FORM<\/b><\/td>\n<\/tr>\n
    !<\/span><\/td>\n%21<\/span><\/td>\n<\/tr>\n
    *<\/span><\/td>\n%2A<\/span><\/td>\n<\/tr>\n
    \u2018<\/span><\/td>\n%27<\/span><\/td>\n<\/tr>\n
    (<\/span><\/td>\n%28<\/span><\/td>\n<\/tr>\n
    )<\/span><\/td>\n%29<\/span><\/td>\n<\/tr>\n
    ;<\/span><\/td>\n%3B<\/span><\/td>\n<\/tr>\n
    :<\/span><\/td>\n%3A<\/span><\/td>\n<\/tr>\n
    @<\/span><\/td>\n%40<\/span><\/td>\n<\/tr>\n
    &<\/span><\/td>\n%26<\/span><\/td>\n<\/tr>\n
    =<\/span><\/td>\n%3D<\/span><\/td>\n<\/tr>\n
    +<\/span><\/td>\n%2B<\/span><\/td>\n<\/tr>\n
    $<\/span><\/td>\n%24<\/span><\/td>\n<\/tr>\n
    ,<\/span><\/td>\n%2C<\/span><\/td>\n<\/tr>\n
    \/<\/span><\/td>\n%2F<\/span><\/td>\n<\/tr>\n
    ?<\/span><\/td>\n%3F<\/span><\/td>\n<\/tr>\n
    #<\/span><\/td>\n%23<\/span><\/td>\n<\/tr>\n
    [<\/span><\/td>\n%5B<\/span><\/td>\n<\/tr>\n
    ]<\/span><\/td>\n%5D<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    d. HTML Safe Encode Characters<\/h3>\n

    Alphanumeric characters i.e. 0-9, a-z,A-Z , special characters such as $, -, _, ., +, !, *, \u2018, (, ), and reserved characters are not encoded and known as safe characters.<\/p>\n

    e. HTML Unsafe Encode Characters<\/h3>\n

    These include space, greater than and less than signs, quotation marks, etc. They have a tendency to be misinterpreted in the URL and thus should be encoded properly. Following is the list of some unsafe characters-<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    CHARACTER<\/b><\/td>\nENCODED FORM<\/b><\/td>\n<\/tr>\n
    space<\/span><\/td>\n%20<\/span><\/td>\n<\/tr>\n
    \u201c<\/span><\/td>\n%22<\/span><\/td>\n<\/tr>\n
    <\u00a0<\/span><\/td>\n%3C<\/span><\/td>\n<\/tr>\n
    >\u00a0<\/span><\/td>\n%3E<\/span><\/td>\n<\/tr>\n
    #<\/span><\/td>\n%23<\/span><\/td>\n<\/tr>\n
    %<\/span><\/td>\n%25<\/span><\/td>\n<\/tr>\n
    {<\/span><\/td>\n%7B<\/span><\/td>\n<\/tr>\n
    }<\/span><\/td>\n%7D<\/span><\/td>\n<\/tr>\n
    |<\/span><\/td>\n%7C<\/span><\/td>\n<\/tr>\n
    \\<\/span><\/td>\n%5C<\/span><\/td>\n<\/tr>\n
    ^<\/span><\/td>\n%5E<\/span><\/td>\n<\/tr>\n
    ~<\/span><\/td>\n%7E<\/span><\/td>\n<\/tr>\n
    [<\/span><\/td>\n%5B<\/span><\/td>\n<\/tr>\n
    ]<\/span><\/td>\n%5D<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    URL-Encoding for Control Characters<\/h2>\n

    ASCII characters from %00-%1F were designed to control hardware devices.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    ASCII Character<\/b><\/td>\nDescription<\/b><\/td>\nURL-encoding<\/b><\/td>\n<\/tr>\n
    NUL<\/span><\/td>\nNull Character<\/span><\/td>\n%00<\/span><\/td>\n<\/tr>\n
    SOH<\/span><\/td>\nStart of Header<\/span><\/td>\n%01<\/span><\/td>\n<\/tr>\n
    STX<\/span><\/td>\nStart of Text<\/span><\/td>\n%02<\/span><\/td>\n<\/tr>\n
    ETX<\/span><\/td>\nEnd of Text<\/span><\/td>\n%03<\/span><\/td>\n<\/tr>\n
    EOT<\/span><\/td>\nEnd of Transmission<\/span><\/td>\n%04<\/span><\/td>\n<\/tr>\n
    ENQ<\/span><\/td>\nEnquiry<\/span><\/td>\n%05<\/span><\/td>\n<\/tr>\n
    ACK<\/span><\/td>\nAcknowledge<\/span><\/td>\n%06<\/span><\/td>\n<\/tr>\n
    BEL<\/span><\/td>\nBell (Ring)<\/span><\/td>\n%07<\/span><\/td>\n<\/tr>\n
    BS<\/span><\/td>\nBackspace<\/span><\/td>\n%08<\/span><\/td>\n<\/tr>\n
    HT<\/span><\/td>\nHorizontal Tab<\/span><\/td>\n%09<\/span><\/td>\n<\/tr>\n
    LF<\/span><\/td>\nLine Feed<\/span><\/td>\n%0A<\/span><\/td>\n<\/tr>\n
    VT<\/span><\/td>\nVertical Tab<\/span><\/td>\n%0B<\/span><\/td>\n<\/tr>\n
    FF<\/span><\/td>\nForm Feed<\/span><\/td>\n%0C<\/span><\/td>\n<\/tr>\n
    CR<\/span><\/td>\nCarriage Return<\/span><\/td>\n%0D<\/span><\/td>\n<\/tr>\n
    SO<\/span><\/td>\nShift Out<\/span><\/td>\n%0E<\/span><\/td>\n<\/tr>\n
    SI<\/span><\/td>\nShift In<\/span><\/td>\n%0F<\/span><\/td>\n<\/tr>\n
    DLE<\/span><\/td>\nData Link Escape<\/span><\/td>\n%10<\/span><\/td>\n<\/tr>\n
    DC1<\/span><\/td>\nDevice Control 1<\/span><\/td>\n%11<\/span><\/td>\n<\/tr>\n
    DC2<\/span><\/td>\nDevice Control 2<\/span><\/td>\n%12<\/span><\/td>\n<\/tr>\n
    DC3<\/span><\/td>\nDevice Control 3<\/span><\/td>\n%13<\/span><\/td>\n<\/tr>\n
    DC4<\/span><\/td>\nDevice Control 4<\/span><\/td>\n%14<\/span><\/td>\n<\/tr>\n
    NAK<\/span><\/td>\nNegative Acknowledge<\/span><\/td>\n%15<\/span><\/td>\n<\/tr>\n
    SYN<\/span><\/td>\nSynchronize<\/span><\/td>\n%16<\/span><\/td>\n<\/tr>\n
    ETB<\/span><\/td>\nEnd Transmission Block<\/span><\/td>\n%17<\/span><\/td>\n<\/tr>\n
    CAN<\/span><\/td>\nCancel<\/span><\/td>\n%18<\/span><\/td>\n<\/tr>\n
    EM<\/span><\/td>\nEnd of Medium<\/span><\/td>\n%19<\/span><\/td>\n<\/tr>\n
    SUB<\/span><\/td>\nSubstitute<\/span><\/td>\n%1A<\/span><\/td>\n<\/tr>\n
    ESC<\/span><\/td>\nEscape<\/span><\/td>\n%1B<\/span><\/td>\n<\/tr>\n
    FS<\/span><\/td>\nFile Separator<\/span><\/td>\n%1C<\/span><\/td>\n<\/tr>\n
    GS<\/span><\/td>\nGroup Separator<\/span><\/td>\n%1D<\/span><\/td>\n<\/tr>\n
    RS<\/span><\/td>\nRecord Separator<\/span><\/td>\n%1E<\/span><\/td>\n<\/tr>\n
    US<\/span><\/td>\nUnit Separator<\/span><\/td>\n%1F<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    URL encoding proves to be extremely valuable in the ability to preserve web addresses and their general compatibility with any platform or browser out there. URL encoding eliminates problems caused by characters in the alphabets or other symbols that are not standard in ASCII by translating them into an acceptable format. This process also contributes to the effectiveness in delivering information and at the same time increases the stability and safety of web transactions.<\/p>\n

    Summary<\/h2>\n

    In this article, we\u2019ve discussed the Uniform Resource Locator, which typically defines the address of a document on the web. We\u2019ve discussed the process of encoding the character of the URL to the corresponding ASCII characters that are globally understood by the browsers on the internet. We\u2019ve also looked at some common URL encoded characters in Windows-1252 and UTF-8 along with URL encoding of control characters.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Welcome to DataFlair HTML Tutorial. We will learn about HTML URL Encode and encoding process along with encode characters. HTML URL Encoding Uniform Resource Locator or URL is used as the address of a...<\/p>\n","protected":false},"author":10,"featured_media":79254,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22400],"tags":[22604,22602,22603],"class_list":["post-79189","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","tag-html-encoded-characters","tag-html-url-encode","tag-url-encoded"],"yoast_head":"\nURL Encoding in HTML - HTML URL Encode Characters - DataFlair<\/title>\n<meta name=\"description\" content=\"URL Encode in HTML - Process of encoding character of URL to corresponding ASCII characters globally understood by the browsers. See URL encoded characters.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"URL Encoding in HTML - HTML URL Encode Characters - DataFlair\" \/>\n<meta property=\"og:description\" content=\"URL Encode in HTML - Process of encoding character of URL to corresponding ASCII characters globally understood by the browsers. See URL encoded characters.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-13T03:30:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-24T11:10:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/html-url-encoding-df.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"URL Encoding in HTML - HTML URL Encode Characters - DataFlair","description":"URL Encode in HTML - Process of encoding character of URL to corresponding ASCII characters globally understood by the browsers. See URL encoded characters.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/","og_locale":"en_US","og_type":"article","og_title":"URL Encoding in HTML - HTML URL Encode Characters - DataFlair","og_description":"URL Encode in HTML - Process of encoding character of URL to corresponding ASCII characters globally understood by the browsers. See URL encoded characters.","og_url":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2020-07-13T03:30:40+00:00","article_modified_time":"2024-07-24T11:10:34+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/html-url-encoding-df.jpg","type":"image\/jpeg"}],"author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/a90b082e16aa38d207212d22b0581f33"},"headline":"URL Encoding in HTML – HTML URL Encode Characters","datePublished":"2020-07-13T03:30:40+00:00","dateModified":"2024-07-24T11:10:34+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/"},"wordCount":974,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/html-url-encoding-df.jpg","keywords":["html encoded characters","HTML URL Encode","url encoded"],"articleSection":["HTML Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/","url":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/","name":"URL Encoding in HTML - HTML URL Encode Characters - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/html-url-encoding-df.jpg","datePublished":"2020-07-13T03:30:40+00:00","dateModified":"2024-07-24T11:10:34+00:00","description":"URL Encode in HTML - Process of encoding character of URL to corresponding ASCII characters globally understood by the browsers. See URL encoded characters.","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/html-url-encoding-df.jpg","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2020\/07\/html-url-encoding-df.jpg","width":1200,"height":628,"caption":"html url encode"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/url-encoding-in-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"HTML Tutorials","item":"https:\/\/data-flair.training\/blogs\/category\/html\/"},{"@type":"ListItem","position":3,"name":"URL Encoding in HTML – HTML URL Encode Characters"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/a90b082e16aa38d207212d22b0581f33","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd6de0d647a0185cd6faf264e4ba860b0d85d08d7070766f9cd41bea5bb0b227?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"The DataFlair Team is passionate about delivering top-notch tutorials and resources on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. With expertise in the tech industry, we simplify complex topics to help learners excel. Stay updated with our latest insights.","url":"https:\/\/data-flair.training\/blogs\/author\/dfadteam1\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/79189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=79189"}],"version-history":[{"count":5,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/79189\/revisions"}],"predecessor-version":[{"id":142878,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/79189\/revisions\/142878"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/79254"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=79189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=79189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=79189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}