تگ link چیست ؟ چه کارایی دارد؟ آیا میتوانیم فایل های خارجی را وارد صفحات وبمان کنیم؟ در این مقاله ما با تگ link و خاصیت های آن آشنا میشویم.
سرفصلهای پست
آشنایی با تگ Link
تگ link پیوند بین یک سند و یک منبع بیرونی را مشخص می کند. همچنین از این تگ برای لینک کردن فایل های css به داخل صفحه وب استفاده می شود.
تگ link یک تگ خالی است از این رو بر روی خواص موجود تکیه دارد.
[box type=”note” align=”aligncenter” class=”” width=””]تگ <link> فقط در بخش head صفحه قابل استفاده است. در تعداد استفاده آن محدودیتی وجود ندارد.[/box]مثال تگ link
نمونه استفاده از تگ link را در زیر مشاهده میکنید:
<head> <link rel="stylesheet" type="text/css" href="theme.css"> </head>
در مثال بالا با استفاده از تگ link یک فایل css به نام Theme.css را وارد سند کردهایم.
همچنین در نظر داشته باشید که این نوع استفاده از تگ لینک در اتصال خارجی CSS اتفاق میافتد که نوید معدن نژاد عزیز در آموزش های CSS میزفا به صورت کامل آن را توضیح داده است.
تفاوت تگ <link> بین نسخه HTML 4 و HTML 5
در نسخه 5 بعضی از خواص موجود در نسخه 4 پشتیبانی نمی شوند.
خاصیت sizes در نسخه 5 اضافه شده است.
تفاوت تگ <link> بین HTML و XHTML
در HTML تگ پایانی برای بستن ندارد.
در XHTML تگ <link> باید بسته شود.
خاصیت ها
| خاصیت | مقدار | توضیح |
| charset | نوع کدگذاری | تعیین کننده نوع encode لینک مقصد است، در نسخه HTML5 پشتیبانی نمی شود. |
| crossorigin | Anonymous use-credential |
تعیین کننده نحوه مدیریت درخواست های منشا متقابل است |
| Href | url | آدرس فایل مقصد |
| Hreflang | کد زبان | کد زبان استفاده شده در فایل مقصد |
| Media | کوئری مدیا | تعیین کننده نوع دستگاهی که محتویات لینک در آن قابل نمایش است |
| Rel | alternate author dns-prefetch help icon license next pingback preconnect prefetch preload prerender prev search stylesheet |
تعیین کننده رابطه بین صفحه فعلی و فایل لینک شده، استفاده از این خاصیت الزامی است |
| Rev | reversed
relationship |
تعیین کننده رابطه بین صفحه فعلی و فایل لینک شده، در نسخه HTML5 پشتیبانی نمی شود. |
| Sizes | HeightxWidth any |
تعیین کننده اندازه آیکون فایل لینک شده، فقط در هنگام استفاده از rel=icon |
| Target | _blank _self _top _parent frame_name |
تعیین کننده نحوه بارگیری لینک، در نسخه HTML5 پشتیبانی نمی شود. |
| type | media | تعیین کننده نوع رسانه فایل لینک شده |
پایانترم
[box type=”info” class=”question-from-users” width=””]سوال:
با استفاده از تگ link یک فایل css خارجی را معرفی کرده و کد خود را برایمان ارسال کنید.
به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبتنام کنید تا بتونید از این امتیاز استفاده کنید.)
[/box]نتیجه گیری
همانطور که در مقاله خواندیم، تگ link یک تگ برای پیوند دادن سند به فایل های خارجی است. همچنین به علت اینکه تگ خالیست به خاصیت های خود تکیه میکند.
این مقاله نیز به پایان رسید. امیدوارم خوب بوده باشه.
اگر سوال پیشنهاد یا انتقادی داشتید لطفا با من در میان بگذارید. فعلا …
7 پاسخ
سایت بسیار مفیدی دارید!
من همراه با آموزش ویدیویی به صورت متنی از سایت شما برای یادگیری طراحی وب استفاده میکنم. موفق باشید.
سلام
ممنونم از حضور سبز شما 🙂
پاسخ سوال :
سلام محمد عزیز، بله درسته. ممنونم.
عجب توضیح کاملی اونم همراه با مثال. 🙂
علی توی مقالات آموزش css هم چند مثال هست و اونجا بیشتر استفاده میشه.
ممنون