المثالية في الربط بين الصفحات في XHTML – الجزء الثاني

تحدثنا في الجزء الأول -من هذه السلسلة- عن الوسم <a> و استخدامه لبيان معنى الرابط و ليس لمجرد بيان العنوان، سنكمل الآن الحديث عن الربط في XHTML، سنبدأ بالوسم <link> ثم سنعرض بعض القيم التي اقترحتها منظمة W3C من أجل بيان العلاقة بين المستندات.
يستخدم الوسم <a> لنقل المستخدم من صفحة إلى أخرى عند الضغط عليه، و أما الوسم <link> فله استخدام مختلف تماماً، فهو يربط مستند XHTML بملف، مثلاً ربط صفحة XHTML بملف CSS، مما يؤدي إلى تطبيقه فيها…
يجب أن يوضع الوسم <link> في الـhead الخاص بالصفحة، و يمكن أن يتكرر أكثر من مرة في الصفحة الواحدة، تستخدم الخاصية href لبيان موقع الملف المراد الربط به، و أما الـrel فهو يستخدم لبيان العلاقة بين المستند الحالي و الملف المربوط به (راجع المقالة الأولى لمزيد من التفصيل)، و هما أهم خاصيتين على الإطلاق بالنسبة لهذا الوسم، و يجب أن تحاول دائماً تضمينهما، طبعاً تضمين الخاصية الأولى شيء بديهي، و لكن الكثيرين يسقطون الخاصية الثانية.
يدعم الوسم <link> أيضاً الخاصية التي تحدد العلاقة العكسية rev (لمزيد من التفصيل راجع المقالة الأولى) و يدعم أيضاً الخاصية title.
قيمة الخاصية rel هي مجرد قيمة نصية بسيطة تتألف غالباً من كلمة واحدة، و يمكن للمصم أن يختار أي كلمة يريدها، و لكن المتصفح لن يفهمها في هذه الحالة، فهو يفهم عدد من الكلمات القياسية التي تؤدي كل منها غرض معين، مثلاً، يمكن أن يظهر المتصفح أزرار معينة أو مزايا إضافية للتصفح عند توضيح هذه العلاقة.
حالياً، يوجد عدد من القيم الغير قياسية، و لكن معايير HTML 4.01 اقترحت عدد من القيم، سنذكر هنا أبرزها :
alternate : هذه القيمة تدل على مستند بديل من المستند الحالي، مثلاً، يمكنك توفير مستند بديل عن المستند الحالي بلغة أخرى، عند ذلك يجب أن تستعمل الخاصية lang، التي تحدد اللغة البديلة، مثال :

<link href=”a-index.html” rel=”alternate” lang=”ar” />

appendix : تدل أن المستند المربوط به هو مستند “ملحق” بالمستند الحالي.
bookmark : تدل أن المستند المربوط به هو bookmark للمستند الحالي (هل يوجد ترجمة لهذه الكلمة؟)، و يمكن تحديد اسم الـbookmark باستخدام الخاصية title، مثال :

<link href=”index.html” rel=”bookmark” title=”homepage” />

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

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

لا تفرح، لم ينتهي الحديث بعد 🙂

Advertisements

اترك رد

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s


%d مدونون معجبون بهذه: