كيف تعمل رابط داخل الصفحة
عندما يفكر معظم الناس في الروابط، يفكرون في ربط صفحتين ويب مختلفتين معا.
يمكنك استخدام الارتباطات التشعبية لربط اثنين من مشاركات مدونتك، أو مشاركة مدونة وصفحة مقصودة، أو مشاركة مدونة وصفحة منتج، أو تغريدة إلى موقعك على الويب.
ولكن هذا ليس كل شئ يمكن القيام به.
مع القليل من التغيير والتبديل، يمكنك أيضا إعداد ارتباطات تشعبية لربط المحتوى على نفس الصفحة.
ربما تحتاج الى عمل فهرس للمشاركه الآن، عندما تشير إلى شيء ذكرته في مكان آخر من تلك المقالة،وفى نفس الصفحه يمكنك ربطه به فعلا - مما يسهل على جمهورك معرفة ما تتحدث عنه
رائع جدا، هذه مقدمه توضح كل شيء . . . لعمل ارتباطات داخل الصفحه اتبع الخطوات الاتيه
أولا :ـ أعط الكائن أو النص الذي تريد ربطه اسم
في سيناريو الربط العادي، فإن الشيء الذي تحتاج إلى الارتباط به له عنوان URL خاص به.
ولكن في هذا السيناريو، تكون الصفحة التي تريد ربطها والصفحة التي يكون الرابط فيها واحدة ونفس الشيء - لذا يجب أن تكون هناك اسما لوجهة الرابط
أوصي باستخدام كلمة أو عبارة تصف وجهة الرابط. إذا كنت تستخدم عبارة، يجب ألا تكون هناك مسافات - استخدم الشرطات السفلية بدلا من ذلك
مثال
لنفترض أننا أردنا الربط بمثال لفقره عن الصور والايقونات في مشاركة.
إليك ما سأستخدمه كاسم لهذا النص
photo_icon
ثانيا:ـ خذ الاسم الذي اخترته وأدخله في علامة ربط ارتباط HTML مفتوحة
استبدال القسم الأحمر من العلامة أدناه بالاسم الذي اخترته في الخطوة السابقة
<"a id="INSERT_NAME_HERE>
ثالثا:ـ ضع علامة #
قبل النص أو الكائن الذي تريد الربط به، ثم أضف علامة إغلاق <a>
</a>
يؤدي هذا إلى تعيين موقع الرابط. هذا هو الشكل الذي ستبدو عليه شفرتك الآن
<a id="INSERT_NAME_HERE"> الكائن الذي تريد ربطه. </a>
رابعا :ـ إنشاء الارتباط التشعبي الذي سوف يأخذك إلى هذا النص أو الكائن
انتقل الآن إلى الجزء الذي تريد تضمين الرابط التشعبي فيه.
ستحتاج إلى إضافة ترميز هتمل للوصلة التشعبية النموذجية، ولكن في الجزء الذي عادة ما تتضمن فيه عنوان URL، ستدرج رمز ( # ) ثم اسم الكائن الذي تربطه. وإليك ما يبدو عليه
<a href="# INSERT_NAME_HERE"> انقر هنا . </a>
مثال
كثيرا ما نرى فى نهايه كل صفحه هذا الرابط Back to top
وعند الضغط عليها ننتقل الى اعلى الصفحه .
هذا راط داخل الصفحه ويمكن ان ننفذه بكل سهوله
1- نضع هذا الكود
<a href="# top"> انقر هنا . </a>
فى اعلى الصفحه او اى مكان نريد الانتقال اليه
2- فى المكان الذى نحدده للرابط نضع هذا الكود
<a id="top"> Back to top</a>
لاحظ بكل سهوله تم عمل الرابط داخل الصفحه
تم الاعتماد فى هذه التدوينه على الترجمه من المواقع الاتيه
وعند الضغط عليها ننتقل الى اعلى الصفحه .
هذا راط داخل الصفحه ويمكن ان ننفذه بكل سهوله
1- نضع هذا الكود
<a href="# top"> انقر هنا . </a>
2- فى المكان الذى نحدده للرابط نضع هذا الكود
<a id="top"> Back to top</a>
تم الاعتماد فى هذه التدوينه على الترجمه من المواقع الاتيه
ليست هناك تعليقات:
إرسال تعليق