آموزش تگ link در HTML
تگ <link> در HTML برای اتصال به منابع خارجی مانند فایل‌های CSS، فونت‌ها، تصاویر و … استفاده می‌شود. این تگ از طریق ویژگی‌های خود می‌تواند به صفحه وب اطلاعات مورد نیاز را ارائه دهد. در این مقاله، با توضیح این تگ به طور کامل آشنا می‌شویم و نحوه استفاده از آن را با مثال‌هایی نشان می‌دهیم.
1. تگ link در HTML
تگ <link> یک تگ بدون بسته شدن است که برای اتصال به منابع خارجی مورد استفاده قرار می‌گیرد.
2. ویژگی‌های تگ link
تگ <link> دارای ویژگی‌های زیر است:
- rel: نوع رابطه با صفحه فعلی.
- href: آدرس منبع خارجی که باید به آن اتصال برقرار شود.
- type: نوع محتوای منبع خارجی.
- media: نوع رسانه‌ای که منبع باید بارگیری شود.
3. نحوه استفاده از تگ link
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Link Tag Example</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<!-- Content goes here -->
</body>
</html>4. ویژگی‌های عمومی
تگ <link> می‌تواند دارای ویژگی‌های دیگری مانند sizes، title، و … باشد که به کنترل نحوه بارگیری و استفاده از منابع خارجی کمک می‌کنند.
5. مثال کاربردی
<link rel="stylesheet" href="styles.css" type="text/css" media="screen">6. کاربردها
- اتصال به فایل‌های CSS: از
<link>برای اتصال به فایل‌های استایل CSS استفاده می‌شود. - اتصال به فونت‌ها و آیکون‌ها: می‌توانید با استفاده از
<link>به فایل‌های فونت یا آیکون متصل شوید. - اتصال به دیگر صفحات HTML:
<link>را می‌توان برای اتصال به صفحات HTML دیگری درون یک سند HTML استفاده کرد.
تگ <link> یکی از ابزارهای اساسی در HTML است که به شما امکان می‌دهد تا به منابع خارجی از جمله استایل‌ها، فونت‌ها، آیکون‌ها و … ارتباط برقرار کنید. این تگ بسیار مفید است زیرا به شما امکان می‌دهد که منابع مختلف را به صفحات وب خود اضافه کنید و قالب بندی و ظاهر آن‌ها را بهبود دهید.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام