URL Encode in HTML | Lesson 29 HTML Tutorial
HTML URL Encode IMAGE

URL Encode in HTML | Lesson 29 HTML Tutorial

This lesson explain the structure of the url so we have for example,
schema://prefix.domain:port/path/filename
this lesson explain this url structure.

Visual Explain in This Video:

URL Encode Video

Uniform Resource Locator( URL)

A Uniform Resource Locator (URL) is used to address a document (or other data) on the world wide web. Web browsers request pages from web servers by using a URL.

Fore Example:

web address syntax: https://www.safhatehc.com/index.php

Note: URL is another word for a web address. Also URL can be composed of words (safhtech.com), or an Internet Protocol (IP) address (192.38.230.50).

Most people use name instead of IP when surfing, because names are easier to remember for humans than numbers.

URL Schemes

In this table we show some schema of URL:

SchemeShort forUsed for
httpHyperText Transfer ProtocolCommon web pages. Not encrypted
httpsSecure HyperText Transfer ProtocolSecure web pages. Encrypted
ftpFile Transfer ProtocolDownloading or uploading files
file —A file on your computer

URL Encoding

URLs can only be sent over the Internet using the ASCII character-set. If a URL contains characters outside the ASCII set, the URL has to be converted.

URL encoding converts non-ASCII characters into a format that can be transmitted over the Internet. The URL encoding replaces non-ASCII characters with a “%” followed by hexadecimal digits. Also URLs cannot contain spaces. URL encoding normally replaces a space with a plus (+) sign, or %20.

ASCII Encoding Examples

Your browser will encode input, according to the character-set used in your page. The default character-set in HTML5 is UTF-8.

CharacterFrom Windows-1252From UTF-8
%80%E2%82%AC
£%A3%C2%A3
©%A9%C2%A9



This post is one of the HTML5 for deep understanding course. where we will learn every common elements from basic to the advanced element.

In addition each lesson has a video which you could visit and watch for more practicing and for deep understanding.

We hope that we could give the best for you and for the deep and easy understanding.

You could follow the series from our website SAFHATECH.com and go to categories and then programming and then Choose the course you want then just click next post to go step by step.

Finally we hope every thing is works as you suspect.


Consequently You could follow us at :

Website URL: https://www.safhatech.com/

Youtube: https://www.youtube.com/channel/UCIVzh6iykNowNcOUT5Gfasw

Twitter: http:// https://twitter.com/safhatech

Instegram: https://www.instagram.com/safhatech

Facebook: http:// https://www.facebook.com/Safhatech-487171875443687

Phone:967772223681

References: w3schools.com

Leave a Reply