HTML <link> Tag
تگ <link>
در HTML رابطۀ بین صفحه فعلی و منابع خارجی را مشخص می کند. این عنصر معمولا برای پیوند به فایل های CSS و فاوآیکن استفاده می شود.
مثال:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="style.css" /> <style> body { direction: rtl; text-align: center; font-family: "segoe ui"; } </style> </head> <body> <h4> استایل عنصر زیر توسط فایل CSS که بوسیله تگ link به صفحه ضمیمه شده، اعمال شده است: </h4> <section> لورم ایپسوم یا طرحنما به متنی آزمایشی و بیمعنی در صنعت چاپ، صفحهآرایی و طراحی گرافیک گفته میشود. طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری استفاده شده است. </section> </body> </html>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
همانطور که در مثال بالا میبینیم، مسیر فایل CSS توسط صفت href تعیین شده است. صفت rel
نیز نوع ارتباط فایل لینک شده به صفحه را مشخص می کند که در اینجا stylesheet است. انواع دیگری از نوع پیوند وجود دارد که در ادامه به آنها خواهیم پرداخت.
صفت ها (Attributes)
href
این صفت آدرس URL به عنصری که به صفحه پیوند داده خواهد شد را مشخص می کند.
hreflang
این صفت زبان سندی (document) که به صفحه لینک می شود را مشخص می کند. مقدار این صفت دو حرفی است. مانند: fa
, ar
, en
media
این صفت مشخص می کند که در چه دستگاهی سند عنصر لینک شده نمایش داده شود.
rel
این صفت نوع ارتباط بین عنصر لینک شده به صفحه را مشخص می کند. دو تا از پرکاربرد ترین مقادیر این صفت عبارتند از: icon
, stylesheet
sizes
این صفت تنها برای فاوآیکن بکار می رود و سایز آن را مشخص می کند. مانند: "size="16x16
type
این صفت نوع عنصری که به صفحه پیوند داده می شود را مشخص می کند. مانند: text/html
, text/css
پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.