معرفی و کاربرد تگ link در HTML
معرفی و کاربرد تگ link در HTML پیوند به منبع خارجی
در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی و کاربرد تگ <link> در HTML می پردازیم.
تگ <link> در HTML
عنصر <link> پیوند بین یک سند و یک منبع خارجی را تعریف می کند. تگ <link> در یکی از کاربردهایش برای پیوند به style sheets ( شیوه نامه های خارجی ) استفاده می شود.
تگ <link> یک تگ خالی است، و فقط شامل attributes ( خصوصیت ها ) می باشد. به عبارت دیگر تگ <link> فقط یک تگ باز ( opening tag ) دارد، و تگ بسته ( closing tag ) ندارد. تگ <link> در قسمت head قرار می گیرد، اما می توان بارها از آن استفاده کرد.
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
مثال در مورد تگ <link> در html
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
بررسی عنصر <link> در HTML 4.01 و HTML5
بعضی از خصوصیت های موجود در تگ <link> در HTML 4.01 در نسخه HTML5 پشتیبانی نمی شوند. خصوصیت sizes و crossorigin دو خصوصیت جدید در HTML5 هستند.
بررسی و تفاوت تگ <link> در HTML و XHTML
در HTML ، تگ <link> تگ پایانی ندارد. در XHTML ، تگ <link> باید با یک تگ پایانی بسته شود.
خصوصیات ویژه تگ <link> در HTML5
ویژگی خصوصی تگ link | مقدار | کاربرد در سند HTML |
charset | char_encoding | کاراکترها را برای سند لینک شده کد گذاری می کند. در HTML5 پشتیبانی نمی شود. |
crossorigin | anonymous , use-credentials | براساس دسترسی دوطرفه از سایت مبدا ، درخواستی را جهت اجازه نمایش تصاویری که در ظرف canvas تعریف شده اند، را تعیین می کند. ( صفت جدید در 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 در اچ تی ام ال
تگ <link> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
رویدادهای عمومی عنصر link در اچ تی ام ال
عنصر <link> از کلیه رویدادهای عمومی در سند اچ تی ام ال پشتیبانی می کند.
پشتیبانی مرورگرها از عنصر link در اچ تی ام ال
تگ <link> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
معرفی و کاربرد عنصر link در اچ تی ام ال پیوند به منبع خارجی – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید