تگ link در HTML :
تگ link یکی از تگهای اساسی در HTML است که برای ارتباط بین صفحات وب استفاده میشود. با این تگ میتوانید به صفحات دیگر، فایلهای جاوااسکریپت، فایلهای CSS و غیره لینک بدهید.
این تگ عموماً در قسمت head صفحه قرار میگیرد و در اینجا میتوانید فایلهای CSS، فایلهای آیکون و … را لینک کنید.
نحوه استفاده از تگ link در HTML به این صورت است:
“`html
“`
در این مثال، فایل CSS با نام style.css در کنار صفحه HTML قرار دارد و با استفاده از تگ link و با مشخص کردن rel=”stylesheet” لینک شده است. همچنین، فایل آیکون با نام favicon.ico نیز با استفاده از تگ link و با مشخص کردن rel=”icon” لینک شده است.
توجه داشته باشید که تگ link همیشه باید داخل تگ head قرار گیرد و میتواند شامل چندین ویژگی باشد. در زیر توضیحی از ویژگیهایی که در تگ link میتوانید استفاده کنید آمده است:
– href: آدرس فایل یا صفحهای که میخواهید لینک کنید.
– rel: نوع رابطه بین صفحه فعلی و صفحه لینک شده. برای لینک کردن فایل CSS از rel=”stylesheet” استفاده میشود.
– type: نوع فایلی که لینک میکنید. برای لینک کردن فایلهای CSS از type=”text/css” استفاده میشود.
– media: نوع مدیایی که برای نمایش فایل CSS استفاده میشود. برای مثال، شما میتوانید فایل CSS را برای نمایش در گوشیهای همراه با media=”only screen and (max-width: 768px)” لینک کنید.
– hreflang: زبانی که صفحه لینک شده به آن مربوط است.
– sizes: اندازهی تصویری که لینک میکنید. معمولاً برای لینک کردن فایلهای آیکون به کار میرود.
در کل، تگ link یکی از تگهای مهم در HTML است که برای لینک کردن به صفحات دیگر و همچنین فایلهای دیگر مانند فایلهای CSS و آیکونها استفاده میشود. با استفاده از ویژگیهای مختلف این تگ، میتوانید به راحتی فایلهای مختلف را به صفحات خود لینک کنید و در نهایت یک صفحهی وب کارآمد و زیبا را به نمایش بگذارید.