صفحه اول >> دانستنی ها >>
آموزش تگ link در HTML - راهنمای کار با فایل های خارجی در html
تگ link برای ارتباط یک فایل خارجی با یک سند HTML به کار می رود. معمولا این تگ برای تعریف و فراخوانی فایل css خارجی و فاوآیکن به کار می رود.
تگ link برای ارتباط یک فایل خارجی با یک سند HTML به کار می رود. معمولا این تگ برای تعریف و فراخوانی فایل css خارجی و فاوآیکن به کار می رود.
این عنصر فقط می تواند در بین تگ head قرار گیرد.
مثال تگ link در HTML
مثال 1: فراخوانی فایل css
<head>
<link rel="stylesheet" href="mystyle.css">
</head>
<link rel="stylesheet" href="mystyle.css">
</head>
مثال 2: تعریف فاوآیکن برای صفحه
<head>
<link href="files/favicon.png" rel="icon" type="image/png" sizes="80x80">
</head>
<link href="files/favicon.png" rel="icon" type="image/png" sizes="80x80">
</head>
پشتیبانی مرورگرها
تگ link در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.
| مرورگر | کروم | فایرفاکس | اپرا | سافاری | اینترنت اکسپلورر / اج |
| پشتیبانی | بله | بله | بله | بله | بله |
ویژگی ها
| ویژگی | مقدار | توضیحات |
| charset | char_encoding | کاراکترها را برای سند لینک شده رمزگذاری می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
| crossorigin | anonymous use-credentials |
چگونگی رسیدگی به عنصر با درخواست های مبدا را مشخص می کند. |
| href | URL | آدرس سند لینک شده را مشخص می کند. |
| hreflang | language_code | زبان سند لینک شده را مشخص می کند. |
| media | media_query | مشخص می کند سند لینک شده برای چه نوع رسانه / دستگاهی بهینه شود. |
| rel | alternate author dns-prefetch help icon license next pingback preconnect prefetch preload prerender prev search stylesheet |
نوع رابطه بین سند فعلی و صفحه لینک شده را مشخص می کند. |
| rev | alternate author dns-prefetch help icon license next pingback preconnect prefetch preload prerender prev search stylesheet |
نوع رابطه بین صفحه لینک شده و سند فعلی را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
| sizes | Height_Width any |
سایز فایل آیکن را برای rel=icon مشخص می کند. |
| target | _blank _self _top _parent frame_name |
چگونگی باز شدن صفحه مقصد را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
| type | media_type | نوع رسانه سند لینک شده را مشخص می کند. |
پشتیبانی از ویژگی ها و رویدادهای عمومی
تگ <link> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
دستورات CSS پیش فرض
معمولا مرورگرها تگ <link> را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.
link {
display: none;
}
display: none;
}
موضوع: آموزش HTML
نظرات نظرات تا اطلاع ثانوی غیر فعال است.