شنبه ۳۱ شهريور ۱۴۰۳
Tut24 آموزش برنامه نویسی و مجله تخصصی فناوری ورود/عضویت

آموزش HTML - مفهوم لینک و URL

پیوندها(لینک ها) تقریباً در تمام صفحات وب یافت می شوند. پیوندها به کاربران این امکان را می دهند که با کلیک بر روی آن ها از صفحه ای به صفحه دیگر جابجا شوند.

پیوندهای HTML - هایپرلینک ها

لینک های HTML، هایپرلینک هستند.

می توانید روی یک پیوند کلیک کنید و به صفحه دیگری بروید.

هنگامی که ماوس را روی یک پیوند حرکت می دهید، نشانگر ماوس به یک دست کوچک تبدیل می شود.

توجه: لازم نیست پیوند متنی باشد. یک پیوند می تواند یک تصویر یا هر عنصر HTML دیگری باشد!

مفهوم URL

هر سند در وب دارای یک آدرس منحصر به فرد است. این آدرس با نام Uniform Resource Locator (URL) شناخته می شود.

چندین تگ HTML/XHTML دارای یک مقدار مشخصه URL، از جمله لینک‌ها، تصاویر درون خطی و فرم‌ها هستند.

همه آنها از یک نوع نگارش برای تعیین آدرس آن ، صرف نظر از نوع یا محتوای آن منبع استفاده می کنند. به همین دلیل است که به منبع یاب یکنواخت (Uniform Resource Locator) معروف است.

عناصر URL

یک URL از چندین بخش تشکیل شده است که هر یک از آنها اطلاعاتی را به مرورگر وب برای کمک به یافتن صفحه ارائه می دهد. یادگیری بخش‌های URL آسان‌ است، اگر به URL مثالی که در زیر داده شده است نگاه کنید، سه بخش کلیدی وجود دارد: شِما (طرح کلی) ، آدرس میزبان و مسیر فایل. در بخش زیر به هر یک از آنها پرداخته خواهد شد:

https://www.example.com/index.html

شِما

این طرح نوع پروتکل و URL را که به آن لینک می دهید شناسایی می کند و بنابراین، چگونه منبع باید بازیابی شود را مشخص می کند. به عنوان مثال، مرورگرهای وب از پروتکل انتقال ابرمتن ایمن (HTTPS) برای انتقال اطلاعات و برقراری ارتباط با سرورهای وب استفاده می کنند و به همین دلیل است که URL با https:// شروع می شود.

طرح های دیگری نیز وجود دارد که می توانید بر اساس نیاز خود از هر یک از آنها استفاده کنید:

ردیف طرح و توضیحات
1

http://

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

https://

پروتکل انتقال ابرمتن ایمن (HTTPS) داده های ارسال شده بین مرورگر و وب سرور را با استفاده از گواهی دیجیتال رمزگذاری می کند.
3

ftp://

پروتکل انتقال فایل روش دیگری برای انتقال فایل ها در وب است. در حالی که HTTP به دلیل ادغام آن با مرورگرها برای مشاهده وب سایت ها بسیار محبوب تر است، FTP هنوز هم معمولاً بعنوان پروتکلی برای انتقال فایل های بزرگ در سراسر وب و آپلود فایل های منبع به سرور وب استفاده می شود.
4

file://

برای نشان دادن اینکه یک فایل بر روی هارد دیسک محلی یا دایرکتوری مشترک در یک LAN استفاده می شود.

آدرس میزبان

آدرس میزبان جایی است که می توان یک وب سایت را پیدا کرد، یا آدرس IP (چهار مجموعه از اعداد بین 0 تا 255، به عنوان مثال (216.239.38.120) یا معمولاً نام دامنه برای یک سایت مانند www.example.com . توجه داشته باشید که "www" در واقع بخشی از نام دامنه نیست اگرچه اغلب در آدرس میزبان استفاده می شود.

مسیر فایل

مسیر فایل همیشه با یک کاراکتر اسلش رو به جلو شروع می شود و ممکن است شامل یک یا چند نام پوشه یا فهرست باشد. هر نام دایرکتوری با کاراکترهای اسلش رو به جلو جدا می شود و مسیر فایل ممکن است با یک نام فایل در انتها خاتمه یابد. در اینجا logo.png نام فایلی است که در فولدر html موجود است:

https://www.example.com/html/logo.png

سایر بخش های URL

استفاده از اعتبارنامه راهی برای تعیین نام کاربری و رمز عبور برای قسمت محافظت شده با رمز عبورِ یک سایت است. اعتبارنامه ها قبل از آدرس میزبان قرار می گیرند و با علامت @ از آدرس میزبان جدا می شوند. توجه داشته باشید که چگونه نام کاربری با علامت دونقطه از رمز عبور جدا می شود. URL زیر نام کاربری admin و رمز عبور admin123 را نشان می‌دهد:

https://admin:admin123@example.com/index.htm

با استفاده از URL بالا، می توانید اعتبار مدیر را تأیید کنید و اگر شناسه و رمز عبور ارائه شده صحیح باشد، مدیر به فایل index.htm موجود دسترسی خواهد داشت.

برای اتصال به سرور می توانید از URL telnet به صورت زیر استفاده کنید:

telnet://user:password@example.com:port/

اطلاعات مهم دیگر شماره پورت وب سرور است. به‌طور پیش‌فرض سرور HTTP روی پورت شماره 80 اجرا می‌شود. اما اگر سروری را روی هر شماره پورت دیگری اجرا می‌کنید، می‌توانید آن را به صورت زیر مشخص کنید، به مثال زیر با فرض اینکه سرور روی پورت 8080 اجرا می‌شود، توجه کنید:

https://www.example.com:8080/index.htm

شناسه‌های قطعه را می‌توان بعد از نام فایل برای نشان دادن قسمت خاصی از صفحه که مرورگر باید فوراً به آن مراجعه کند، استفاده کرد. در زیر مثالی برای رسیدن به بالای صفحه html_text_links.htm آورده شده است.

https://www.example.com/html/html_text_links.htm#top

شما می توانید برخی از اطلاعات را با استفاده از URL به سرور ارسال کنید. وقتی از فرمی در یک صفحه وب استفاده می‌کنید، مانند فرم جستجو یا فرم سفارش آنلاین، مرورگر می‌تواند اطلاعاتی را که ارائه می‌دهید به URL اضافه کند تا اطلاعات را از مرورگر شما به سرور ارسال کند به شرح زیر.

https://www.example.com/cgi-bin/search.cgi?searchTerm=HTML

در اینجا، searchTerm=HTML به سروری منتقل می‌شود که از اسکریپت search.cgi برای پردازش اطلاعات ارسال شده و انجام اقدامات بیشتر ، استفاده می کند.

URL های مطلق و نسبی

شما می توانید یک URL را به یکی از دو روش زیر آدرس دهی کنید:

  • مطلق -- URL مطلق آدرس کامل یک منبع است. مثلا
    http://www.example.com/html/html_text_links.htm

  • نسبی - URL نسبی نشان می دهد که منبع در رابطه با صفحه فعلی کجاست. URL داده شده با عنصر <base> اضافه می شود تا یک URL کامل تشکیل شود. مثلا
    /html/html_text_links.htm/

کاراکترهای رزرو شده و ناامن

کاراکترهای رزرو شده آنهایی هستند که معنای خاصی در URL دارند. به عنوان مثال، کاراکتر اسلش عناصر یک مسیر را در یک URL جدا می کند. اگر نیاز دارید که یک اسلش در URL اضافه کنید که در نظر گرفته نشده است که جداکننده عنصر باشد، باید آن را به صورت %2F رمزگذاری کنید:

کاراکترهای ناامن آنهایی هستند که معنای خاصی در URL ندارند اما ممکن است در زمینه ای که URL نوشته شده است معنای خاصی داشته باشند. به عنوان مثال، دو گیومه ("") مقادیر مشخصه URL را در تگ ها مشخص می کند. اگر نیاز دارید که یک علامت نقل قول دوتایی را مستقیماً در URL وارد کنید، احتمالاً مرورگر را گیج می کنید. در عوض، برای جلوگیری از هرگونه تضاد احتمالی، باید علامت نقل قول دوگانه را با استفاده از رمز گذاری آن مشخص کنید . یا مصلا به عنوان فاصله در URL ، باید از رمزگذاری آن که معادل 20% می باشد ، مانند مثال زیر استفاده نمایید

https://www.example.com/new%20articles.htm

 

  لیست های تعریف - درس قبلی
درس بعدی - لینک های متنی