کار با URL Encode در HTML

آشنایی با URL Encode

رمزنگاری لینک یا URL Encode در HTML چیست و چه کاربردی دارد؟ آیا در HTML کاراکتر‌های ویژه نیز پشتیبانی می‌شوند؟ در این مقاله به آشنایی رمزنگاری لینک‌ها صحبت می‌کنیم.

کار با URL Encode در HTML

قبل از اینکه با اینکود کردن URL آشنا شویم بهتر است که با مفهوم واژه URL آشنا شویم و متوجه شویم که چه بخش‌هایی را شامل می‌شوند.

آشنایی با URL

واژه URL مخفف کلمه Uniform Resource Locator می‌باشد و ساختار یک URL مثل https://mizfa.com/blog/file-path-html به صورت کل به شکل زیر می‌باشد:

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

بخش Scheme – به معنی نوع سرویس اینترنت می‌باشد. (معروف‌ترین سرویس‌ها http و https می‌باشد.)

بخش Prefix  -بیانگر پیشوند های قبل از دامنه اینترنتی است. (مانند www و همچنین در بیشتر اوقات ساب دامنه)

بخش Domain – اشاره گر دامنه اینترنتی می‌باشد. (مثلا Mizfa.com)

بخش Port – به معنی شماره پورت در میزبان می‌باشد. (به صورت پیشفرض عدد ۸۰ برای پورت‌ها تعیین می‌شود).

بخش Path – به معنی پوشه‌ای درون سرور می‌باشد. (اگر این بخش در لینکی وجود نداشت به معنی این است که محتوا در فضای root ذخیره شده است).

بخش FileName – به معنی نام سند منبع ما می‌باشد.

کاربردی‌ترین Scheme ها

در جدول زیر لیست کاربردی‌ترین Scheme‌های موجود را مشاهده می‌کنید:

Scheme کوتاه شده‌ی کلمه : استفاده برای :
http HyperText Transfer Protocol صفحات وب عادی – رمزنگاری نشده
https Secure HyperText Transfer Protocol صفحات وب امن – رمزنگاری شده
ftp File Transfer Protocol دانلود و آپلود فایل‌ها در سرور
file آدرس یک فایل در کامپیوتر

اینکود کردن URL

اینکد کردن URL روشی است برای ترجمه کاراکتر‌های غیرقابل چاپ و یا کاراکتر‌های با معنای خاص در داخل URL که آدرس تبدیل شده به صورت یکپارچه و جهانی مورد پذیرش سرور‌ها و مرورگر‌های وب است.

این کاراکتر‌های خاص عبارت اند از:

کاراکتر‌های کنترل ASCII

در واقع کاراکتر‌های غیرقابل چاپی هستند که برای کنترل خروجی استفاده می‌شوند.

کاراکتر های کنترل غیر ASCII

کاراکتر‌های خارج از دامنه ASCII (128 کاراکتر) در این دسته قرار می‌گیرند.

کاراکتر‌های رزرو شده یا از پیش تعیین شده

این کاراکتر‌های خاص هستند مانند علامت دلار، جمع و تفریق و… . قرار گرفتن این کاراکتر به صورت مستقیم داخل URL باعث ایجاد تغییر در معنای آدرس می‌شود به همین دلیل باید اینکد شوند.

کاراکتر‌های ناامن

کاراکتر‌هایی مانند فاصله، علامت سوال، علامت بزرگتر و کوچکتر و … . باعث بروز مشکل در اصل  URL خواهند شد.

در فرآیند اینکد، کاراکتر‌های غیر مجاز با سه کاراکتر دیگر جا به جا می‌شوند. این سه کاراکتر شامل یک علامت درصد و دو عدد هگزادسیمال است که به موقعیت کاراکتر در ASCII اشاره دارد.

مثال

یکی از رایج ترین کاراکتر‌های غیر مجاز در URL، کاراکتر فاصله است. شما نمی‌توانید یک فاصله را درURL به صورت مستقیم قرار دهید. در آدرس زیر فاصله به عدد دسیمال 20 تبدیل شده است.

http://www.example.com/new%20pricing.htm

آدرس بالا در واقع به صفحه new pricing.htm اشاره دارد.

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

برای نمایش فاصله در URL از چه چیزی استفاده می‌شود؟

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه گیری

در این مقاله با مفهوم URL و URL Encode آشنا شدید و با کاراکتر‌های مجاز و غیر مجاز در رمزنگاری لینک‌ها آشنا شدید.

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

اگر اطلاعات مفید‌تری در مبحث رمزنگاری لینک‌ها یا URL Encode می‌دانید، آن را با ما و دوستان خود در میزفا به اشتراک بگذارید.

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

10 نظر

10 پاسخ

  1. جواب سوال:
    علامت فاصله رو با عدد 20 نمایش میدن که باید قبل از درج کد هگزادسیمال یه علامت % قرار بگیره:
    %20

  2. از سه کارکتر که شامل یک علامت درصد و دو عدد هگزا دسیمال!

    1. سلام فرهان، خب اون دوتا عدد رو هم بگو.
      اعداد دیگه اون کار رو انجام نمیدن.

    1. سلام علی اکبر، URL همون لینکه. برای اینکه توی لینک هامون فاصله باشه چیکار باید بکنیم؟ از چه چیزی استفاده می‌کنیم؟

  3. پاسخ سوال :
    از معادل اسکی آن استفاده می شود مثلا عدد دسیمال 20 که بصورت 20% وارد می شود.

    1. سلام، ممنون محمد درست نوشتی. جایزه را به زودی دریافت می‌کنی.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=