ط§ظ„ط±ظˆط§ط¨ط· ط§ظ„ط¯ط§ط®ظ„ظٹط© ط¨ظ†ظپط³ ط§ظ„طµظپط*ط© – HTML


السلام عليكم و رحمة الله و بركاته،

سنقوم اليوم بتعلم كيفية إدراج الروابط الداخلية بنفس الصفحة.

لأوضح الأمر أكثر، تخيل معي أنك تملك صفحة HTML بموقعك تحوي مجموعة كبيرة من الفقرات، فوصول الزائر للفقرة الذي تهمه، سيكون صعبا للغاية، هنا يأتي دور الروابط الداخلية بنفس الصفحة، بحيث يمكنك من خلال هذه التقنية، وضع قائمة أعلى صفحة HTML تحوي جميع عناوين الفقرات، ثم تضع رابط خاص لكل فقرة على حدى، بحيث أنه عند ضغط الزائر على عنوان معين من القائمة، يأخذه مباشرة إلى الفقرة التي تطابقه.

مثال مباشر




لتطبيق خاصية الروابط الداخلية بنفس الصفحة، كل ما سنحتاجه للعمل المعرف “id” و الرمز “#”.

مثلا، لو أن لديك فقرة معينة بموقعك يعنوان “دروس الـ HTML”، و أردت أن تضع رابطا لهذه الفقرة بأعلى الصفحة، فاتبع الآتي :

أولا، حدد معرف معين “id” لهذه الفقرة، و التي تريد وضع رابط لها، مثال :

رمز PHP:
<code style="white-space:nowrap"> <code> <h1 id="html">دروس الـ HTML</h1>
</code> </code>

الآن بإمكانك إضافة رابط لهذه الفقرة من خلال الرمز # متبوعا بالمعرف الذي أعطيناه للفقرة و هو html (يتم وضع كل من الرمز و المعرف داخل خاصية الرابط)، مثال :

رمز PHP:
<code style="white-space:nowrap"> <code> <a href="#html">رابط إلى دروس الـ HTML</a>
</code> </code>

ملاحظة : قيمة المعرف id يجب أن تبدأ بحرف و ليس برقم.

المصدر الأصلي : http://www.deltaclic.com/2014/03/int...ame-page-html/









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©