تگ link در HTML
با استفاده از تگ link در HTML میتوان یک پیوند بین سند و یک منبع خارجی ایجاد کرد.
مثال
در مثال زیر یک منبع فایل CSS را به سند اضافه کرده ایم که یکسری استایل ها برای یکسری تگ ها تعریف می کند:
تعریف و کاربرد
همانطور که اشاره شد از تگ link در HTML برای پیوند دادن یک منبع خارجی به یک منبع داخلی استفاده می شود. به عنوان مثال شما می توانید فایل های CSS که درون آن سبک ها و استایل های اختصاصی خود را نوشته اید از طریق تگ <link> به سند خود متصل کنید و تمامی آن سبک ها روی عناصر مشخص شده اعمال می شوند.
همچنین شما می توانید از تگ <link> در HTML به تعداد دفعات بالا استفاده کنید اما چند نکته را در نظر داشته باشید:
هرچی تعداد منابع خارجی که لینک می دهید به سند خود کمتر و سبک تر باشد باعث می شود که سرعت بارگیری صفحه افزایش پیدا کند و همین افزایش سرعت امتیاز خوبی برای سئو سایت شما محسوب می شود.
مثلاً اگر 4 تا فایل CSS دارید سعی کنید ابتدا فایل ها را minify کنید سپس همه را باهم در یک فایل ترکیب کنید. تگ <link> به تنهایی چیزی از خود ندارد و از یکسری ویژگی (attribute) تشکیل می شود.
توجه: تگ link در HTML همیشه درون عنصر <head> قرار میگیرد.
توجه: تگ <link> یک عنصر انفرادی می باشد و نیازی به بسته شدن آن نیست.
پشتیبانی مرورگر ها
| عنصر | |||||
|---|---|---|---|---|---|
<link> | بله | بله | بله | بله | بله |
خواص (attributes)
خواص عمومی
تگ link از خواص عمومی در HTML پشتیبانی می کند.
رویداد های عمومی
تگ link از رویداد های عمومی در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
اکثر مرورگر ها عنصر link در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:
link {
display: none;
}آیا این مطلب برای شما مفید بود ؟
پست های مرتبط
