تگ link در HTML
مثال (تگ link در HTML)
چگونه از تگ <link> برای اضافه کردن فایل CSS خارجی استفاده کنیم:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
خودتان امتحان کنید »
تعریف و کاربرد تگ link در HTML
تگ <link> ارتباط بین یک سند و یک منبع خارجی را تعریف می کند.
تگ <link> برای پیوند به style sheets (شیوه نامه های خارجی) استفاده می شود.
پشتیبانی مرورگرها از تگ link در HTML
| عنصر | |||||
|---|---|---|---|---|---|
| <link> | بله | بله | بله | بله | بله |
نکته: عنصر <link> یک عنصر خالی است، و فقط شامل attributes (خصوصیت ها) می باشد.
نکته: این عنصر تنها در قسمت head قرار می گیرد، اما می توان بارها از آن استفاده کرد.
تفاوت بین HTML 4.01 و HTML5
بعضی از خصوصیت های موجود در HTML 4.01 در HTML5 پشتیبانی نمی شوند.
خصوصیت "sizes" یک خصوصیت جدید در HTML5 است.
Differences Between HTML and XHTML
در HTML تگ <link> تگ پایانی ندارد.
در XHTML تگ <link> باید با یک تگ پایانی بسته شود.
خصوصیت ها
= جدید در HTML5.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| charset | char_encoding | در HTML5 پشتیبانی نمی شود. کاراکترها را برای سند لینک شده کد گذاری می کند. |
| href | URL | location یا آدرس سند لینک شده را مشخص می کند. |
| hreflang | language_code | زبان مربوط به متن سند لینک شده را مشخص می کند. |
| media | media_query | مشخص می کند که سند لینک شده برای چه دستگاهی بهینه شده است. |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up |
الزامی است. رابطه بین سند کنونی و سند لینک شده را مشخص می کند. |
| rev | reversed relationship | در HTML5 پشتیبانی نمی شود. رابطه بین سند لینک شده با سند کنونی را مشخص می کند. |
| sizes | HeightxWidth any |
اندازه یا سایز منبع لینک شده را مشخص می کند. فقط برای rel=icon |
| target | _blank _self _top _parent frame_name |
در HTML5 پشتیبانی نمی شود. مشخص می کند که سند لینک شده کجا و در چه پنجره ای لود شود. |
| type | media_type | نوع media سند لینک شده را مشخص می کند. |
ویژگی های عمومی تگ link در HTML
تگ <link> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ link در HTML
تگ <link> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال:تگ link در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 18215
دیدگاه‌ها
خیلی عالی و آموزنده بود مچکرم.
خیلی ممنون از پاسخگویی کامل و سریعتون
در داخل یک تگ link دیدم rel برابر با shortcut بود، که در جدول بالا اشاره ای به آن نشده است.shortcut به چه معنایی هست و برای چه کاری استفاده می شود؟ و در داخل همان تگ href برابر با favicon.ico هست.ico. پسوند چه فایلی هست؟
لطفا به من بگویید این تگ link با این خصوصیاتی که گفتم چه کاربردی دارد؟
<link rel="shortcut icon" href="/favicon.i co">
همان طور که حتما متوجه شدید، از تگ Link برای پیوست کردن یک فایل به صفحه HTML جاری استفاده می شود. اما یکی از فایل هایی که می توانیم پیوست کنیم، فایل های با پسوند ico. است.
فایل های با پسوند مذکور در واقع یک تصویر کوچک با اندازه 16x16 یا 32x32 است که برای نمایش در تب های بالای مرورگر استفاده می شود. در واقع اگر به تب باز شده در بالای مرورگرتان در همین صفحه جاری توجه کنید، می بینید که هر تب می تواند یک عنوان و یک تصویر داشته باشد. حالا از تگ link با ویژگی هایی که فرمودید، برای نمایش تصویر در کنار عنوان تب، استفاده می شود.
سلام. تگ link چه معنی و کاربردی دارد؟
سلام، همان طور که از نام تگ link برمی آید، با استفاده از تگ link می توان یک فایل دیگر (مثل CSS و JavaScript) با به صفحه HTML مان لینک کنیم.