الانتقال داخل الصفحة

القفز بين الصفحات (Page jumping)، والذي يُشار إليه أحياناً باسم روابط المرساة (anchor links)، هو الانتقال فوراً إلى مكان أعلى أو أسفل الصفحة عند النقر على رابط معين. يكون هذا مفيداً بشكل خاص مع الصفحات الطويلة[cite: 1].

إحدى طرق تمكين ذلك هي تعيين مرساة HTML (HTML Anchor) لكتلة عنوان (Heading) على صفحتك وإنشاء رابط ينتقل إلى تلك المرساة. يمكنك حتى الانتقال إلى مرساة في صفحة أخرى[cite: 1].

يمكن تحقيق ذلك أيضاً باستخدام أي كتلة أخرى تتيح تعيين مرساة HTML ضمن قسم "متقدم" (Advanced). يمكنك مراجعة الكتل التي تحتوي على حقل مرساة HTML من خلال مراجعة مرجع الكتل الأساسية (Core Blocks Reference) والبحث عن الكتل التي تحتوي على سمة anchor[cite: 1].

إنشاء مرساة HTML (Create an HTML Anchor)

1. استخدم أيقونة الزائد لإضافة كتلة جديدة[cite: 1].
2. حدد "عنوان" (Heading) كنوع للكتلة، أو ابدأ كتابة /heading كاختصار (أمر الشرطة المائلة) لكتلة العنوان[cite: 1].
3. أدخل نص العنوان الخاص بك. يمكنك ترك نص العنوان فارغاً إذا كنت لا تريد عرض أي نص[cite: 1].
4. على الجانب الأيمن تحت إعدادات الكتلة (Block Settings)، انقر على متقدم (Advanced)[cite: 1].
5. اكتب كلمة ستصبح رابطك داخل حقل مرساة HTML (HTML Anchor)[cite: 1].

صيغة مرساة HTML (HTML Anchor Syntax)

• يجب أن تكون مرساة HTML فريدة داخل المستند[cite: 1].
• مرساة HTML حساسة لحالة الأحرف (case-sensitive)[cite: 1].
• يمكن أن تتضمن مرساة HTML الرموز التالية: الشرطة الفاصلة (-)، الشرطة السفلى (_)، النقطتان (:)، النقطة (.) ولا يمكن أن تتضمن مسافات[cite: 1].
• يجب أن تبدأ مرساة HTML بحرف أبجدي[cite: 1].

الرابط إلى مرساة HTML الخاصة بك (Link to your HTML Anchor)

1. اكتب بعض النص، أو أضف صورة أو زراً ليصبح ما تريد أن ينقر عليه زوارك للانتقال إلى قسم آخر[cite: 1].
2. قم بتحديد النص أو الصورة أو الزر، وحدد خيار الرابط من شريط أدوات الكتلة[cite: 1].
3. اكتب مرساة HTML التي أنشأتها، بدءاً برمز الشباك (#). على سبيل المثال، إذا أنشأت مرساة باسم important-notice فسيكون الرابط #important-notice[cite: 1].

الانتقال إلى مرساة في صفحة أخرى (Jumping to an anchor on another page)

إذا كنت تريد الانتقال إلى مرساة في صفحة أخرى، فقم بتحديد عنوان URL مع مرساة HTML. على سبيل المثال، example.com/anotherpage#important-notice[cite: 1]