در این پست آموزشی توکاپس قصد داریم به آموزش آدرس دهی در html در تگ های نظیر <img >  بپردازیم. تمام تصاویر و فایل هایی که در html بارگزاری می شوند، به آدرس دهی صحیح محل ذخیره سازی فایل، در سیستم نیاز دارند. در نظر داشته باشید که اگر آدرس دهی صحیح نباشد عکس و فایل مورد نظر در وب بارگزاری نخواهند شد. صفحه وب بدون عکس و سایر فایل ها خسته کننده بوده و کارایی چندانی ندارد. در نتیجه آدرس دهی صحیح فایل ها در html از اهمیت ویژه ای برخوردار است.

در مطالب آموزشی قبلی html، به کار با تگ های انواع لیست ، Table ، Div ، iframe و… پرداختیم. در این پست آموزشی نیز به آموزش آدرس دهی در html می پردازیم.

بطور کلی دو نوع آدرس دهی مطلق (absolute url) و نسبی (relative url) در صفحات وب وجود دارد.

 

آدرس دهی مطلق

در این روش ما بر اساس ریشه اصلی و نام سایت شروع به آدرس دهی می کنیم. در این روش آدرس فایل باید بطور کامل ذکر شود.

  1. برای استفاده از این روش باید فایل های خود را آپلود کنید.
  2. در این روش آدرس دهی، آدرس ها طولانی می شود چون باید آدرس کامل دایرکتوری را ثبت کنید.

پس بهتر است برای سیستم های local و … از آدرس دهی نسبی استفاده کنید.

آدرس دهی نسبی

پروژه های طراحی وب هنگام شکل گیری بطور آنلاین پایه گذاری نمی شوند. در این پروژه ها هر طراح سایت، روی کامپیوتر شخصی خود بصورت لوکال این کار را انجام می دهد. به همین دلیل از آدرس دهی نسبی استفاده می کنند.

شاید از این مقاله خوشتون بیاد:  آموزش گام به گام html_قسمت چهارم:قالب بندی صفحات در html

در این روش برای آدرس دهی باید موقعیت دو فایل نسبت به هم سنجیده شود. در واقع آدرس فایل مقصد را نسبت به فایل مبدا (فایلی که در حال حاضر داخل آن هستیم ) وارد می کنیم.

انواع آدرس دهی در html

مسیر فایل محل قرارگیری یک فایل را در ساختار پوشه وب سایت توصیف می کند. آدرس دهی فایل ها در بخشهای زیر در صفحات وب ، کاربرد دارد:

  • web pageآدرس دهی در html
  • image
  • style sheet
  • javaScript

 

 

 

 

 

 

 

 

 

 

 

آدرس اینترنتی

آدرس اینترنتی ، آدرس یک فایل موجود در یک صفحه وب در اینترنت است. که ما آن را در صفحه وب خود آدرس دهی می کنیم.

<img src=”http://blog.tokapps.ir/wp-content/uploads/2018/12/7.jpg” alt=”html”>

آدرس نسبی

این آدرس به یک فایل موجود در فولدر های محلی که فایل وب سایت ما در آنجا قرار گرفته، اشاره دارد.

مثال: آدرس دهی عکسی که در فولدری به نام images است، که این فولدر در محل قرارگیری وب سایت ما در کامپیوتر قرار دارد:

<“img src=”/images/picture.jpg” alt=”Mountain>

آدرس دهی زیر شاخه

در مثال زیر به فولدری به نام images در زیر شاخه آدرس دهی شده است:

<img src=”images/picture.jpg” alt=”Mountain”>

آدرس دهی سطوح بالاتر

این روش، زمانی که یک فایل در فولدری که یک یا چند سطح بالاتر از محل ذخیره وب سایت ما در کامپیوتر قرار گرفته ، استفاده می شود.

مثال:

آدرس دهی عکسی که در فولدری به نام images است، که این فولدر یک سطح بالاتر از محل قرارگیری وب سایت ما قرار گرفته است:

<“img src=”../images/picture.jpg” alt=”Mountain>

شاید از این مقاله خوشتون بیاد:  آموزش html قسمت یازدهم: ساخت منوی کشویی html

نتیجه گیری کلی :

  • در آدرس دهی مطلق باید آدرس فایل مقصد را از ریشه و به طور کامل وارد کنیم.
  • در آدرس دهی نسبی برای دسترسی به فایل هایی که در کنار فایل جاری قرار دارند فقط کافی است نام و پسوند فایل مقصد را وارد کنیم.
  • در آدرس دهی نسبی برای وارد شدن به پوشه ای که کنار فایل جاری قرار دارد،ابتدا باید نام پوشه را وارد کنیم و سپس یک / وارد کرده و نام و پسوند فایل موردنظر را وارد کنیم.
  • در آدرس دهی نسبی برای اینکه یک پوشه به عقب برگردیم از /.. می توانیم استفاده کنیم.

امیدوارم این مقاله برای شما مفید بوده باشد، با ادامه آموزش های html,css با توکاپس همراه باشید.

دسته‌ها: آموزش html

غلامرضا بهشتیان

من غلامرضا بهشتیان، عاشق نوشتن مقاله های مفید در حوزه ی وب هستم. امیدوارم مقالات نوشته شده نظر شما خوانندگان عزیز را جلب نماید.

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *