مثال
رابط إلى ورقة نمط خارجية:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
انها محاولة لنفسك » تعريف واستخدام
و <link> تعرف العلامة رابط بين وثيقة والموارد الخارجية.
و <link> يستخدم كلمة دلالية لتصل إلى أوراق الأنماط الخارجية.
دعم المتصفح
عندما تستخدم لأوراق الأنماط، و <link> ويدعم العلامة في جميع المتصفحات الرئيسية. لا يوجد دعم حقيقي لأي شيء آخر.
| العنصر | |||||
|---|---|---|---|---|---|
| <link> | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
ملاحظة: <link> العنصر هو عنصر فارغة، فإنه يحتوي على سمات فقط.
ملاحظة: هذا العنصر يذهب فقط في قسم الرأس، ولكنها يمكن أن تظهر أي عدد من المرات.
الخلافات بين HTML 4.01 و HTML5
لا يتم اعتماد بعض HTML 4.01 السمات في HTML5.
و "sizes" السمة الجديدة في HTML5.
الخلافات بين HTML و XHTML
في HTML و <link> علامة وأي علامة نهاية.
في XHTML و <link> يجب إغلاق هذا الكود بشكل صحيح.
الصفات
= جديد في HTML5.
| السمة | القيمة | وصف |
|---|---|---|
| charset | char_encoding | غير معتمدة في HTML5. تحديد ترميز الأحرف من المستند المرتبط |
| crossorigin | anonymous use-credentials | تحدد كيفية معالجة عنصر طلبات عبر الأصل |
| href | URL | تحديد موقع المستند المرتبط |
| hreflang | language_code | تحدد لغة النص في المستند المرتبط |
| media | media_query | يحدد على ما الجهاز سيتم عرض المستند المرتبط |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | مطلوب. يحدد العلاقة بين الوثيقة الحالية والمستند المرتبط |
| rev | reversed relationship | غير معتمدة في HTML5. يحدد العلاقة بين وثيقة مرتبطة ووثيقة الحالية |
| sizes | HeightxWidth any | يحدد حجم الموارد المرتبطة. فقط ليختلط = "رمز" |
| target | _blank _self _top _parent frame_name | غير معتمدة في HTML5. تحدد مكان المستند المرتبط هو تحميلها |
| type | media_type | يحدد نوع وسائط من المستند المرتبط |
السمات العامة
و <link> كما يدعم بطاقة و السمات العامة في HTML .
سمات الحدث
و <link> كما يدعم هذا الكود في حدث سمات في HTML .
صفحات ذات صلة
HTML البرنامج التعليمي: أنماط HTML
HTML DOM إشارة: كائن رابط
الإعدادات الافتراضية CSS
معظم المتصفحات عرض <link> العنصر مع القيم الافتراضية التالية:
link {
display: none;
}