تحديث آخر نسخة 1.8.37

تقييم الموضوع :
  • 1 أصوات - بمعدل 5
  • 1
  • 2
  • 3
  • 4
  • 5
المثالية في الربط بين الصفحات في XHTML - الجزء الثاني
#1
تحدثنا في الجزء الأول عن الوسم <a> و استخدامه لبيان معنى الرابط و ليس لمجرد بيان العنوان، سنكمل الآن الحديث عن الربط في XHTML، سنبدأ بالوسم <link> ثم سنعرض بعض القيم التي اقترحتها منظمة W3C من أجل بيان العلاقة بين المستندات.



يستخدم الوسم <a> لنقل المستخدم من صفحة إلى أخرى عند الضغط عليه، و أما الوسم <link> فله استخدام مختلف تماماً، فهو يربط مستند XHTML بملف، مثلاً ربط صفحة XHTML بملف CSS، مما يؤدي إلى تطبيقه فيها.



يجب أن يوضع الوسم <link> في الـhead الخاص بالصفحة، و يمكن أن يتكرر أكثر من مرة في الصفحة الواحدة، تستخدم الخاصية href لبيان موقع الملف المراد الربط به، و أما الـrel فهو يستخدم لبيان العلاقة بين المستند الحالي و الملف المربوط به (راجع المقالة الأولى لمزيد من التفصيل)، و هما أهم خاصيتين على الإطلاق بالنسبة لهذا الوسم، و يجب أن تحاول دائماً تضمينهما، طبعاً تضمين الخاصية الأولى شيء بديهي، و لكن الكثيرين يسقطون الخاصية الثانية.



يدعم الوسم <link> أيضاً الخاصية التي تحدد العلاقة العكسية rev (لمزيد من التفصيل راجع المقالة الأولى) و يدعم أيضاً الخاصية title.



قيمة الخاصية rel هي مجرد قيمة نصية بسيطة تتألف غالباً من كلمة واحدة، و يمكن للمصم أن يختار أي كلمة يريدها، و لكن المتصفح لن يفهمها في هذه الحالة، فهو يفهم عدد من الكلمات القياسية التي تؤدي كل منها غرض معين، مثلاً، يمكن أن يظهر المتصفح أزرار معينة أو مزايا إضافية للتصفح عند توضيح هذه العلاقة.



حالياً، يوجد عدد من القيم الغير قياسية، و لكن معايير HTML 4.01 اقترحت عدد من القيم، سنذكر هنا أبرزها :
alternate : هذه القيمة تدل على مستند بديل من المستند الحالي، مثلاً، يمكنك توفير مستند بديل عن المستند الحالي بلغة أخرى، عند ذلك يجب أن تستعمل الخاصية lang، التي تحدد اللغة البديلة، مثال :
PHP كود :
<link href="a-index.html" rel="alternate" lang="ar" /> 

appendix : تدل أن المستند المربوط به هو مستند "ملحق" بالمستند الحالي.
bookmark : تدل أن المستند المربوط به هو bookmark للمستند الحالي (هل يوجد ترجمة لهذه الكلمة؟)، و يمكن تحديد اسم الـbookmark باستخدام الخاصية title، مثال :
PHP كود :
<link href="index.html" rel="bookmark" title="homepage" /> 

chapter : تدل أن المستند المربوط به هو جزء في موقع أو عدد من المستندات التي تشكل مجموعة واحدة.
contents : تدل أن المستند المربوط به هو جدول بمحتويات الموقع أو عدد من المستندات التي تشكل مجموعة واحدة أو المستند الحالي فقط، و ينصح باستخدام هذه القيمة بالذات في موقعك.
index : تدل أن المستند المربوط به هو جدول بمحتويات الموقع أو عدد من المستندات التي تشكل مجموعة واحدة أو المستند الحالي فقط.
glossary : تدل أن المستند المربوط به هو "معجم" أو "مفسر" لتوضيح بعض الكلمات أو الجمل الموجودة في المستند الحالي.
copyright : تدل أن المستند المربوط به هو مستند بحقوق النشر أو الاستخدام.
next : تدل أن المستند المربوط به هو المستند التالي للمستند الحالي في مجموعة متسلسلة من المستندات، و استخدامها مفيد حقاً، فبعض المتصفحات تقوم بعد الإنتهاء من تحميل الصفحة الحالية بالبدأ بتحميل الصفحة التالية، مما يوفر على المستخدم الكثير من الوقت، فهي تستثمر الوقت الضائع في قراءة الصفحة بتحميل الصفحة التالية.
prev : تدل أن المستند المربوط به هو المستند السابق للمستند المربوط به في مجموعة متسلسلة من المستندات.
section : تدل أن المستند المربوط به هو قسم في موقع أو مجموعة من المستندات.
start : تدل أن المستند المربوط به هو المستند الأول في مجموعة متسلسلة من المستندات.
subsection : تدل أن المستند المربوط به هو جزء من قسم في موقع أو مجموعة من المستندات.
help : تدل أن المستند المربوط به هو مستند لمساعدة المستخدم فيما يتعلق بالمستند الحالي.
stylesheet : ربما هي الأكثر استخداماً، و هي تربط المستند الحالي بملف ستايل خارجي.



مازال هناك الكثير للتحدث عنه فيما يتعلق بالربط، نجد أن الربط أضخم من مجرد وضع وسم <a> و وضع العنوان فيه و كفى، و هذا ما يقوم به الكثير من المصممين للأسف.
أرجو أن تكون قد استفدت من هذا الكلام...

للأمانة منقول من مجتمع مطورى المواقع
الرد
شكر من طرف :
#2
الموضوع مفيد طبعا زى كل مواضيعك
سبحـ الله ـان وبحمده سبحـ الله ـان العظيم
[صورة: logo.png]


برمجة هاكات الفيبليتون

الرد
شكر من طرف :
#3
تسلميلى ويسلملى مرورك اخت روعة
الرد
شكر من طرف :


التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم