HTML Tutorial

عنصر <link>

ما هو عنصر <link>?

يستخدم عنصر لإنشاء ارتباط بين مستند HTML ومورد آخر، مثل ملف CSS أو ملف خط.

خطوات الاستخدام الأساسية:

  1. افتح عنصر في مستند HTML الخاص بك.
  2. أضف عنصر داخل عنصر .
  3. حدد نوع المورد الذي تريد الارتباط به باستخدام سمة rel.
  4. حدد مكان المورد باستخدام سمة href.
  5. أغلق عنصر <link>.

صفات عنصر <link>:

  • rel: تحدد نوع المورد المرتبط، مثل "stylesheet" لملفات CSS أو "icon" لأيقونات الموقع.
  • href: يحدد مكان المورد المرتبط.
  • type: يحدد نوع الوسائط للمورد المرتبط، مثل "text/css" لملفات CSS.
  • media: يحدد الأجهزة أو الوسائط التي ينطبق عليها الرابط، مثل "(min-width: 768px)" للأجهزة ذات العرض 768 بكسل أو أكثر.

أمثلة على استخدام عنصر <link>:

  • ربط بملف CSS:
<link rel="stylesheet" type="text/css" href="style.css">
  • ربط بأيقونة الموقع:
<link rel="icon" href="/favicon.ico">

محتوى مثالي لاستكشاف عنصر <link>:

<!DOCTYPE html>
<html>
<head>
  <title>استكشاف عنصر <link></title>
  <link rel="stylesheet" href="style.css">
  <link rel="icon" href="/favicon.ico">
</head>
<body>
  <h1>هذا مثال لاستخدام عنصر <link></h1>
</body>
</html>