آموزش رمزگذاری URL در HTML

آموزش رمزگذاری URL در HTML

با جلسه بیست و سوم آموزش متنی Html در خدمت شما هستیم با آموزش رمزگذاری URL در HTML از وب سایت آموزش برنامه نویسی سورس باران. URL (Uniform Resource Locator) نام دیگر آدرس اینترنتی است که می‌تواند از کلمات (sourcebaran.com) یا آدرس پروتکل اینترنتی (IP) (192.68.20.50) تشکیل شده باشد. بیشتر افراد هنگام جستجو در وب نام را وارد می‌کنند چون به خاطر سپردن نام از عدد آسان‌تر است. مرورگرهای وب با استفاده از url‌‌ها صفحات را از وب سرورها درخواست می‌کنند. از url برای آدرس دادن به یک سند یا داده در وب استفاده می‌شود.

آموزش رمزگذاری URL در HTML

یک آدرس وب مانند https://sourcebaran.com/category/article/web-design از الگوی زیر پیروی می‌کند :

scheme://prefix.domain:port/path/filename

توضیح کد بالا

  • scheme: نوع خدمات اینترنت (که عموما http یا https است) را مشخص می‌کند
  • prefix: یک پیشوند برای دومین تعریف می‌کند (www پیشوند پیش‌فرض http است)
  • domain: نام دومین اینترنتی را تعریف می‌کند (مانند sourcebaran.com)
  • port: شماره پورت موجود در هاست را تعریف می‌کند (پورت پیش‌فرض http عدد ۸۰ است)
  • path: مسیر را در سرور مشخص می‌کند
  • filename: نام سند یا منبع را تعریف می‌کند

 

رمزگذاری URL

url‌ها را تنها با استفاده از مجموعه کاراکتر ASCII می‌توان روی اینترنت قرار داد. اگر یک url حاوی کاراکترهایی غیر از این مجموعه باشد، باید آن را تبدیل کرد. در رمزگذاری url، کاراکترهای غیر ASCII به فرمتی تغییر می‌یابند که قابل ارسال در اینترنت باشند یعنی آن‌ها را با یک علامت % که به دنبال آن یک عدد هگزادسیمال قرار دارد جایگزین می‌کنند. url نمی‌تواند حاوی فضای خالی باشد. در رمزگذاری url معمولا فضای خالی با یک علامت به علاوه (+) یا %20 جایگزین می‌شود.

 

مثال هایی از رمزگذاری ASCII

مرورگر شما طبق مجموعه کاراکتر به کار رفته در صفحه وب‌سایت، ورودی را رمزگذاری خواهد کرد. UTF5 مجموعه کاراکتر پیش‌فرض در HTML5 است. در زیر چند نمونه از این رمزگذاری‌های url را مشاهده می‌کنید:

CharacterFrom Windows-1252From UTF-8
%80%E2%82%AC
£%A3%C2%A3
©%A9%C2%A9
®%AE%C2%AE
À%C0%C3%80
Á%C1%C3%81
Â%C2%C3%82
Ã%C3%C3%83
Ä%C4%C3%84
Å%C5%C3%85

 

تفاوت بین مجموعه کاراکترها

NumbASCIIANSI8859UTF-8Description
32space
33!!!!exclamation mark
34quotation mark
35####number sign
36$$$$dollar sign
37%%%%percent sign
38&&&&ampersand
39apostrophe
40((((left parenthesis
41))))right parenthesis
42****asterisk
43++++plus sign
44,,,,comma
45hyphen-minus
46....full stop
47////solidus
480000digit zero
491111digit one
502222digit two
513333digit three
524444digit four
535555digit five
546666digit six
557777digit seven
568888digit eight
579999digit nine
58::::colon
59;;;;semicolon
60<<<<less-than sign
61====equals sign
62>>>>greater-than sign
63????question mark
64@@@@commercial at
65AAAALatin capital letter A
66BBBBLatin capital letter B
67CCCCLatin capital letter C
68DDDDLatin capital letter D
69EEEELatin capital letter E
70FFFFLatin capital letter F
71GGGGLatin capital letter G
72HHHHLatin capital letter H
73IIIILatin capital letter I
74JJJJLatin capital letter J
75KKKKLatin capital letter K
76LLLLLatin capital letter L
77MMMMLatin capital letter M
78NNNNLatin capital letter N
79OOOOLatin capital letter O
80PPPPLatin capital letter P
81QQQQLatin capital letter Q
82RRRRLatin capital letter R
83SSSSLatin capital letter S
84TTTTLatin capital letter T
85UUUULatin capital letter U
86VVVVLatin capital letter V
87WWWWLatin capital letter W
88XXXXLatin capital letter X
89YYYYLatin capital letter Y
90ZZZZLatin capital letter Z
91[[[[left square bracket
92\\\\reverse solidus
93]]]]right square bracket
94^^^^circumflex accent
95____low line
96````grave accent
97aaaaLatin small letter a
98bbbbLatin small letter b
99ccccLatin small letter c
100ddddLatin small letter d
101eeeeLatin small letter e
102ffffLatin small letter f
103ggggLatin small letter g
104hhhhLatin small letter h
105iiiiLatin small letter i
106jjjjLatin small letter j
107kkkkLatin small letter k
108llllLatin small letter l
109mmmmLatin small letter m
110nnnnLatin small letter n
111ooooLatin small letter o
112ppppLatin small letter p
113qqqqLatin small letter q
114rrrrLatin small letter r
115ssssLatin small letter s
116ttttLatin small letter t
117uuuuLatin small letter u
118vvvvLatin small letter v
119wwwwLatin small letter w
120xxxxLatin small letter x
121yyyyLatin small letter y
122zzzzLatin small letter z
123{{{{left curly bracket
124||||vertical line
125}}}}right curly bracket
126~~~~tilde
127DEL
128euro sign
129NOT USED
130single low-9 quotation mark
131ƒLatin small letter f with hook
132double low-9 quotation mark
133horizontal ellipsis
134dagger
135double dagger
136ˆmodifier letter circumflex accent
137per mille sign
138ŠLatin capital letter S with caron
139single left-pointing angle quotation mark
140ŒLatin capital ligature OE
141NOT USED
142ŽLatin capital letter Z with caron
143NOT USED
144NOT USED
145left single quotation mark
146right single quotation mark
147left double quotation mark
148right double quotation mark
149bullet
150en dash
151em dash
152˜small tilde
153trade mark sign
154šLatin small letter s with caron
155single right-pointing angle quotation mark
156œLatin small ligature oe
157NOT USED
158žLatin small letter z with caron
159ŸLatin capital letter Y with diaeresis
160no-break space
161¡¡¡inverted exclamation mark
162¢¢¢cent sign
163£££pound sign
164¤¤¤currency sign
165¥¥¥yen sign
166¦¦¦broken bar
167§§§section sign
168¨¨¨diaeresis
169©©©copyright sign
170ªªªfeminine ordinal indicator
171«««left-pointing double angle quotation mark
172¬¬¬not sign
173­­­soft hyphen
174®®®registered sign
175¯¯¯macron
176°°°degree sign
177±±±plus-minus sign
178²²²superscript two
179³³³superscript three
180´´´acute accent
181µµµmicro sign
182pilcrow sign
183···middle dot
184¸¸¸cedilla
185¹¹¹superscript one
186ºººmasculine ordinal indicator
187»»»right-pointing double angle quotation mark
188¼¼¼vulgar fraction one quarter
189½½½vulgar fraction one half
190¾¾¾vulgar fraction three quarters
191¿¿¿inverted question mark
192ÀÀÀLatin capital letter A with grave
193ÁÁÁLatin capital letter A with acute
194ÂÂÂLatin capital letter A with circumflex
195ÃÃÃLatin capital letter A with tilde
196ÄÄÄLatin capital letter A with diaeresis
197ÅÅÅLatin capital letter A with ring above
198ÆÆÆLatin capital letter AE
199ÇÇÇLatin capital letter C with cedilla
200ÈÈÈLatin capital letter E with grave
201ÉÉÉLatin capital letter E with acute
202ÊÊÊLatin capital letter E with circumflex
203ËËËLatin capital letter E with diaeresis
204ÌÌÌLatin capital letter I with grave
205ÍÍÍLatin capital letter I with acute
206ÎÎÎLatin capital letter I with circumflex
207ÏÏÏLatin capital letter I with diaeresis
208ÐÐÐLatin capital letter Eth
209ÑÑÑLatin capital letter N with tilde
210ÒÒÒLatin capital letter O with grave
211ÓÓÓLatin capital letter O with acute
212ÔÔÔLatin capital letter O with circumflex
213ÕÕÕLatin capital letter O with tilde
214ÖÖÖLatin capital letter O with diaeresis
215×××multiplication sign
216ØØØLatin capital letter O with stroke
217ÙÙÙLatin capital letter U with grave
218ÚÚÚLatin capital letter U with acute
219ÛÛÛLatin capital letter U with circumflex
220ÜÜÜLatin capital letter U with diaeresis
221ÝÝÝLatin capital letter Y with acute
222ÞÞÞLatin capital letter Thorn
223ßßßLatin small letter sharp s
224àààLatin small letter a with grave
225áááLatin small letter a with acute
226âââLatin small letter a with circumflex
227ãããLatin small letter a with tilde
228äääLatin small letter a with diaeresis
229åååLatin small letter a with ring above
230æææLatin small letter ae
231çççLatin small letter c with cedilla
232èèèLatin small letter e with grave
233éééLatin small letter e with acute
234êêêLatin small letter e with circumflex
235ëëëLatin small letter e with diaeresis
236ìììLatin small letter i with grave
237íííLatin small letter i with acute
238îîîLatin small letter i with circumflex
239ïïïLatin small letter i with diaeresis
240ðððLatin small letter eth
241ñññLatin small letter n with tilde
242òòòLatin small letter o with grave
243óóóLatin small letter o with acute
244ôôôLatin small letter o with circumflex
245õõõLatin small letter o with tilde
246öööLatin small letter o with diaeresis
247÷÷÷division sign
248øøøLatin small letter o with stroke
249ùùùLatin small letter u with grave
250úúúLatin small letter u with acute
251ûûûLatin small letter with circumflex
252üüüLatin small letter u with diaeresis
253ýýýLatin small letter y with acute
254þþþLatin small letter thorn
255ÿÿÿLatin small letter y with diaeresis

منبع : W3schools

لیست جلسات قبل آموزش Html

  1. آموزش اصول اولیه و عناصر HTML
  2. آموزش کار با خصوصیات(Attribute) و عناوین(Heading) در Html
  3. آموزش کار با پاراگراف و استایل در Html
  4. آموزش کار با قالب بندی متن در Html
  5. آموزش کار با کامنت در HTML
  6. آموزش کار با کامنت در HTML
  7. آموزش کار با رنگ ها در HTML
  8. آموزش کار با تصاویر در HTML
  9. آموزش کار با لینک در HTML
  10. آموزش کار با جدول در HTML
  11. آموزش کار با لیست ها در HTML
  12. آموزش کار با عناصر Block و Inline در HTML
  13. آموزش کار با عنصر Class در HTML
  14. آموزش Html؛ آموزش iframe در HTML
  15. آموزش Html؛ آموزش جاوا اسکریپت در HTML
  16. آموزش کار با عنصر Head در HTML
  17. آموزش Layout در HTML
  18. آموزش طراحی سایت ریسپانسیو در HTML
  19. آموزش عناصر کد کامپیوتر در HTML
  20. آموزش موجودیت (Entities) در HTML
  21. آموزش نمادها (Symbols) در HTML
  22. آموزش کار با Character (کاراکترهای رزرو شده) در HTML
  23. آموزش رمزگذاری URL در HTML
  24. آموزش کامل کار با فرم ها در HTML
  25. آموزش انواع ورودی (Input) در HTML
  26. آموزش خصوصیات ورودی در HTML

حتما بخوانید 1 : فیلم آموزش رایگان Html مهندس رحمانی

حتما بخوانید 1 : فیلم آموزش رایگان CSS مهندس رحمانی

5/5 - (2 امتیاز)

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.

پکیج آموزش صفر تا صد فتوشاپ به زبان فارسی – حرفه ای شوید
  • انتشار: ۳۱ اردیبهشت ۱۳۹۹

دسته بندی موضوعات

آخرین محصولات فروشگاه

مشاهده همه

نظرات

بازخوردهای خود را برای ما ارسال کنید

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.