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

في البداية، أود أن أذكر بأن لغة XHTML ما هي إلا تطوير على لغة HTML، فـXHTML تعني eXtensible HTML، أي لغة HTML القابلة للتوسع، إذن HTML و XHTML تتفقان بالأهداف…
حسناً، HTML تعني HyperText Markup Language، و النقطة التي نتحدث عنها هي الـHyperText، لن يكتمل معنى هذه الكلمة إلا بربط HyperText بآخر.
أردت الوصول إلى أن جزء مهم من HTML و XHTML هو الوصل أو الربط بين الصفحات، و هو يتم عادةً باستخدام الـURLs، أو ما يطلق عليه محدد أماكن الموارد المنتظم، و هو عنوان فريد، فلا يوجد ملف في الويب يحمل الـURL الخاص بملف آخر.
الربط يتم عادة باستخدام الوسم Tag المسمى <a>، و يوجد بعض الحالات التي يجب عليك أن تستخدم <link>.
المشكلة أن المبرمجين و مصممي مواقع الويب يبتعدون في كثير من الأحيان عن الإتقان، فصحيح أن الكثير من التصميمات تحقق المعايير القياسية للغة، و لكن الكثير منها لا يلتزم بالطريقة الأمثل، أو الأكمل، للقيام بصفحاته.
لن نتحدث بشكل عام، الربط يحوي عدد من المبادئ المفيدة عند ربط الصفحات ببعضها البعض، لأن الـURL يقوم بتحديد عنوان الملف دون مضمونه، و حتى الخاصية Title، لن تساهم بتوضيح علاقة المستند المربوط، بالمستند الحالي.
لهذا الغرض تستعمل الخاصية rel للوسم a، هذه الخاصية تستخدم لتوضيح علاقة المسنتد المربوط به (و الموضوع عنوانه بالخاصية href) بالمستند الحالي، مثلاً، إن كنت تريد الربط بالصفحة التالية فإن الطريقة الأمثل -تقريباً- لذلك هي :

<a href=”page2.html” rel=”next” title=”Next page”>الصفحة التالية</a>

نأتي إلى الخاصية rev، هذه الخاصية تحدد العلاقة العكسية بين المستندين، أي علاقة المستند الحالي بالنسبة للمستند المربوط به، فإن كانت الخاصية rel هي next فإن الخاصية rev يجب أن تكون prev، لذلك فإن الشكل الأمثل للرابط السابق هي :

<a href=”page2.html” rel=”next” rev=”prev” title=”Next page”>الصفحة التالية</a>

يوجد عدد جيد من المتصفحات ستفهم العلاقة بين المستندات، و قد تقوم بإتخاذ بعض الإجراءات المساعدة التي سنذكرها فيما بعد.
للحديث بقية إن شاء الله…

Advertisements

رد واحد to “المثالية في الربط بين الصفحات في XHTML – الجزء الأول”

  1. mohamedyoussouf Says:

    بيكسليو- تعلم تطوير و تصميم المواقع

اترك رد

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

WordPress.com Logo

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

صورة تويتر

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

Facebook photo

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

Google+ photo

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

Connecting to %s


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