صفت rel در تگ link

صفت rel در تگ link

در درس پیش به معرفی تگ لینک و برخی از بخش های آن پرداختیم. در این آموزش میخواهیم به معرفی یکی از صفت های مهم تگ link بپردازیم.

معرفی صفت rel در link

صفت rel همانند بسیاری از صفت های دیگر از طرف تمامی مرورگرها پشتیبانی می شود. وظیفه صفت rel پیوند صفحه جاری به فایل مربوطه است. با این پیوند صفحه جاری میتواند اطلاعات فایل خارجی نوشته شده را بخواند. نحوه نوشتن این صفت به صورت زیر است:

این صفت میتواند ارزش های مشخصی بگیرد که در زیر به همه این ارزش ها و زمان استفاده آن اشاره  خواهیم کرد.

ارزش alternate

alternate یکی از ارزش های درون صفت rel است. این مقدار به معنای فرستادن لینک به نسخه های مختلف صفحه جاری است. مانند:

ارزش author

author یکی دیگر از ارزش های صفت rel است. این مقدار باعث میشود که صفحه جاری به سند نویسنده لینک شود. توجه داشته باشید از این مقدار در این صفت میتوانید در تگ a نیز استفاده کنید و نام نویسنده را لینک کنید:

ارزش help

مقدار help باعث میشود صفحه جاری به سند کمک یا همان help پیوند داده شود و اطلاعات این دو سند به هم وصل شود.
مانند:

 ارزش icon

این مقدار باعث می شود صفحه جاری به سندی که آیکن ها را تعریف کرده اید پیوند داده شود تا جایی که از آیکن ها استفاده کرده اید، تصویر درستی را نشان دهد.

ارزش license

این ارزش صفحه جاری را به سند کپی رایت پیوند می دهد.

ارزش next

نشان میدهد صفحه جاری یکی از صفحه های یک مجموعه است. و اینکه سند بعدی از این مجموعه سند مرجع است.

ارزش stylesheet

سندی که میخواهید به آن متصل شوید صفحه استایل شماست. برای مثال صفحه ای که در آن CSS را نوشته اید و میخواهید css ها برای این صفحه نیز اعمال شود.

ارزش prev

نشان میدهد صفحه جاری یکی از صفحه های یک مجموعه است. و اینکه سند قبلی از این مجموعه سند مرجع است.

ارزش prefetch

مشخص میکند منبع مورد نظر باید دوباره ذخیره سازی شود. معمولا بیشتر صفحات وب cache می شوند و تغییرات جدید در صفحه وب را نشان نمی دهند. با استفاده از این ارزش که تنها در صفت rel تگ link استفاده میشود، به مرورگر می گویید صفحه ای که برای بازدیدکننده باز میکند را به روزرسانی کرده و از حالت cache خارج کند.

9 نظرات شما

  • سارا

    فروردین ۳۰, ۱۳۹۳ at ۳:۱۲ ب.ظ
    سلام به خاطر سایت زیباتون بهت تبریک میگم. و امیدوارم همیشه موفق باشی. میخواستم بدونم خودتون قالب سایت رو طراحی کردین؟ ( واقعا قشنگه)
    • بهاران بنی اسدی

      فروردین ۳۰, ۱۳۹۳ at ۴:۱۸ ب.ظ
      سلام ممنونم دوست عزیز. نه قالب رو خودم طراحی نکردم
  • پویا

    اردیبهشت ۱۲, ۱۳۹۳ at ۳:۱۴ ب.ظ
    با سلام من می خواستم سایتی طراحی کنم و با استفاده از کد HTMl و اگه میشه توضیح ها ی بیشتری در این مجموعه بگذارید با تشکر از سایت خوبتون
    • بهاران بنی اسدی

      اردیبهشت ۱۲, ۱۳۹۳ at ۶:۴۶ ب.ظ
      سلام در ادامه آموزش HTML همراه ما باشید. البته امروزه سایت هایی که HTML و استاتیک هستن خیلی طرفدار ندارن. حتما PHP هم استفاده کنید
  • طراحی نما

    آبان ۳۰, ۱۳۹۳ at ۲:۱۲ ب.ظ
    خیلی خوب بود ممنون
  • تورج امین فر

    اسفند ۲۹, ۱۳۹۳ at ۲:۵۳ ق.ظ
    خیلی کاربردی و عالی تشکر
  • آموزش اسکیت

    خرداد ۲۹, ۱۳۹۴ at ۳:۳۸ ب.ظ
    سلام ممنون تو سایتم ازش استفاده کردم
  • zainolabdin

    بهمن ۷, ۱۳۹۴ at ۱۱:۲۲ ب.ظ
    خوب بود مرسی
  • پوسته وردپرس

    بهمن ۱۶, ۱۳۹۴ at ۲:۵۴ ب.ظ
    تشکر از شما اموزش عالی بود

پاسخ دهید

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


© 2013 Mobtadi. All rights reserved.
کلیه حقوق مادی و معنوی برای وبسایت مبتدی محفوظ است.