تگ link در HTML

معرفی کتابخانه ها و فایل های مختلف به سند HTML

آشنایی با تگ link
آشنایی با تگ link

تگ 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 یک تگ برای پیوند دادن سند به فایل های خارجی است. همچنین به علت اینکه تگ خالیست به خاصیت های خود تکیه می‌کند.

این مقاله نیز به پایان رسید. امیدوارم خوب بوده باشه.

اگر سوال پیشنهاد یا انتقادی داشتید لطفا با من در میان بگذارید. فعلا …

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

5 نظر

5 پاسخ

    1. علی توی مقالات آموزش css هم چند مثال هست و اونجا بیشتر استفاده میشه.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید.

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر