تگ link در HTML

تگ link در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 16 آذر 1399

با یکی دیگر از تگ ها با نام تگ link در HTML آشنا می شویم.

  • با استفاده از عنصر link می توانید پیوندی بین یک سند و یک منبع خارجی تنظیم کنید.
  • بر خلاف تگ <a> که در عنصر <body> نوشته شده است ، تگ link باید در <head> قرار گیرد.
  • تگ link معمولاً برای پیوند دادن CSS به HTML برای شیوه نامه های خارجی استفاده می شود.
  • نیازی به استفاده از تگ پایان نیست.

با استفاده از تگ link ، سند HTML را می توان با یک منبع خارجی پیوند داد:

<link rel="stylesheet" type="text/css" href="style_file.css">

این تگ اغلب برای پیوند دادن صفحه سبک به سندی که باید سبک شود استفاده می شود. با این حال ، با درج تگ پیوند ، می توان آیکون های HTML را نیز ایجاد کرد.

ویژگی href یک مسیر (URL) به سند خارجی اضافه می کند:

<link rel="stylesheet" type="text/css" href="style_file.css">

hreflang زبان سند پیوند داده شده را تنظیم می کند:

<link rel="stylesheet" type="text/css" hreflang="en" href="style_file.css">

توجه: فقط می توانید از hreflang در کنار href استفاده کنید.

media تعریف می کند که مواد پیوندی برای چه نوع دستگاهی بهینه شده است:

<link rel="stylesheet" type="text/css" href="print.css" media="print">

rel سند فعلی و رابطه اسناد مرتبط را تعریف می کند:

<link rel="stylesheet" type="text/css" href="theme.css">

sizes اندازه آیکن را در منبع پیوند داده شده تنظیم می کند:

<link rel="icon" href="character.gif" type="image/gif" sizes="20x20">

توجه: فقط زمانی می توانید از اندازه استفاده کنید که HTML دارای مقدار نماد باشد.

target محل بارگذاری سند پیوند داده شده را مشخص می کند:

<link rel="parent" href="character.htm" target="_blank">

توجه: معمولاً این ویژگی برای بارگیری صفحه پیوند داده شده در یک برگه دیگر اختصاص داده شده است (نه در صفحه فعلی). مقدار مورد نیاز در این مورد _blank است.

صفات منسوخ شده

برای link charset رمزگذاری کاراکتر سند پیوند داده شده را تعریف کرد

<link charset="UTF-8" href="file">

نکته: به جای charset ، می توانید یک سرآیند HTTP از نوع Content در پرونده خارجی قرار دهید.

rev رابطه سند پیوند یافته و سند فعلی را تعریف کرد.

<link rev="parent" href="doggo.htm">

نکته: به جای rev ، می توانید از HTML استفاده کنید.

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊