جدول المحتويات هو الجزء الرئيسي من أي مقال أو كتاب ، مما يساعد القارئ على التنقل عبر النص والعثور بسرعة على الأقسام الضرورية. إنه جزء لا يتجزأ من المواد الإعلامية وصفحات الويب وحتى العروض التقديمية. في هذه المقالة ، سوف نتحدث عن أفضل الطرق لعرض جدول المحتويات باستخدام هتمل و كس ، فضلا عن تقديم تعليمات مفصلة حول كيفية إنشائه.
الطريقة الأولى لعرض جدول المحتويات على الشاشة هي استخدام علامة جدول المحتويات. تتيح لك هذه العلامة إنشاء جدول محتويات تلقائيا بناء على العناوين التي تحددها في النص الخاص بك. للقيام بذلك ، تحتاج إلى تعيين الأنماط المناسبة للرؤوس والروابط في كس. بعد إعداد الأنماط ، سيتم إنشاء جدول المحتويات تلقائيا.
الطريقة الثانية هي استخدام علامة القائمة غير المرتبة. تتيح لك هذه العلامة إنشاء جدول محتويات في شكل قائمة غير مرقمة ، حيث يكون كل عنصر من عناصر القائمة رابطا للقسم المقابل. للقيام بذلك ، تحتاج إلى تعيين أنماط للقائمة في كس واستخدام روابط مرساة لوصف الأقسام. عند النقر على الرابط ، سيتم إعادة توجيه القارئ إلى الجزء المقابل من النص.
الطريقة الأخيرة هي استخدام علامة التنقل. تتيح لك هذه العلامة إنشاء جدول محتويات في شكل شريط تنقل ، حيث يكون كل عنصر رابطا للقسم المقابل. للقيام بذلك ، تحتاج إلى تعيين أنماط لشريط التنقل في كس ووصف كل رابط باستخدام علامة الربط. هذه الطريقة هي الأكثر ملاءمة لإنشاء جدول محتويات ديناميكي يمكن تغييره وتحديثه بسهولة.
- أفضل الطرق والتعليمات لعرض جدول المحتويات على الشاشة
- باستخدام علامة أتش تي أم أل التنقل
- إنشاء المراسي لأقسام الصفحة
- استخدام جافا سكريبت لإنشاء جدول محتويات تلقائيا
- عرض جدول المحتويات باستخدام مكون إضافي أو وحدة نمطية
- إنشاء جدول محتويات يدويا باستخدام هتمل و كس
- إنشاء جدول محتويات باستخدام نظام إدارة المحتوى
- مقدمة
- الجزء الرئيسي
- القسم الفرعي
- إخراج جدول المحتويات باستخدام إطار عمل أو مكتبة
- 1. التمهيد
- 2. مسج
- 3. فيو.شبيبة
- استخدام نص محسن لتحسين محركات البحث لإنشاء جدول محتويات
أفضل الطرق والتعليمات لعرض جدول المحتويات على الشاشة
يعد جدول المحتويات جزءا مهما من أي مقالة أو مستند منظم. يتيح عرض جدول المحتويات على الشاشة للقراء التنقل بسرعة عبر المحتوى والعثور على المعلومات التي يحتاجون إليها دون الحاجة إلى عرض المقالة بأكملها. لنلق نظرة على بعض أفضل الطرق والتعليمات لعرض جدول المحتويات على الشاشة.
- باستخدام علامات الرأس
- استخدام قائمة مرقمة أو نقطية
- باستخدام الجدول
واحدة من أسهل الطرق لإنشاء جدول محتويات هي استخدام علامات الرأس. رؤوس هتمل (من ح1 إلى ح6) لها التسلسل الهرمي الخاص بها ، حيث ح1 هو أهم رأس و ح6 هو الأقل أهمية. يتكون عرض جدول المحتويات من هذه العناوين ، والتي يمكن ربطها بروابط الربط للسماح للمستخدمين بالانتقال إلى الأقسام ذات الصلة من المقالة.
طريقة أخرى بسيطة لإنشاء جدول محتويات هي استخدام قائمة مرقمة أو نقطية. يمكنك إنشاء قائمة تتضمن جميع الأقسام أو الأقسام الفرعية من المقالة وتصميمها باستخدام كس لتبدو وكأنها جدول محتويات. يمكن ربط كل عنصر في القائمة برابط ربط لتوفير الوصول إلى القسم المطلوب.
هناك طريقة أخرى لإنشاء جدول محتويات وهي استخدام جدول. يمكن أن يحتوي الجدول على عمودين: أحدهما لأرقام الأقسام والآخر لأسماء الأقسام. يمكنك استخدام روابط الربط لربط كل قسم بالمكان المناسب في المقالة.
يعد عرض جدول المحتويات على الشاشة أداة مفيدة تعمل على تحسين تنقل المستخدمين لمقالك. اختر إحدى الطرق أو ادمجها لإنشاء جدول المحتويات الأكثر ملاءمة ومفهومة للقراء.
باستخدام علامة أتش تي أم أل التنقل
يستخدم لإنشاء قائمة التنقل على صفحات الويب. الغرض منه هو الإشارة إلى منطقة تحتوي على روابط لصفحات أو أقسام أخرى من الموقع الحالي.
ولكن يمكن استخدامه أيضا في أي مكان آخر على الصفحة حيث تريد تمييز منطقة بها روابط تنقل.
:
الخدمات
حيث يتم تمثيل كل عنصر في القائمة بعلامة
. يحتوي كل عنصر في القائمة على رابط
إنشاء المراسي لأقسام الصفحةمثال على إضافة مرساة إلى قسم من الصفحة:
الباب 1نص القسم 1
لإنشاء ارتباط إلى هذا القسم من الصفحة ، تحتاج إلى استخدام علامة هتمل
مع قيمة السمة
هريف
يساوي القيمة
من سمة الهوية
من هذا القسم:
انتقل إلى القسم 1
عند النقر فوق ارتباط الارتساء ، تنتقل الصفحة تلقائيا إلى القسم المناسب. لا تنس تحديد قيم فريدة
من سمة الهوية
لكل قسم الذي تريد إنشاء مرساة. أيضا ، يمكن إنشاء المراسي ليس فقط لأقسام الصفحة ، ولكن أيضا للعناصر الفردية مثل العناوين والفقرات والجداول وغيرها.
استخدام جافا سكريبت لإنشاء جدول محتويات تلقائيا
تتمثل إحدى طرق إنشاء جدول محتويات تلقائيا على صفحة الويب في استخدام جافا سكريبت. جافا سكريبت يسمح لك لعرض برمجيا محتويات الصفحة ، والعثور على عناوين من مختلف المستويات وإنشاء جدول المحتويات على أساسها.
أولا ، تحتاج إلى إضافة حاوية إلى الصفحة التي سيتم عرض جدول المحتويات فيها:
بعد ذلك ، باستخدام جافا سكريبت ، يمكنك العثور على جميع العناوين ذات المستويات المختلفة على الصفحة وإنشاء جدول محتويات بناء عليها. يوجد أدناه مثال على الكود:
- عرض جدول المحتويات باستخدام مكون إضافي أو وحدة نمطية
- يعد عرض جدول المحتويات على الشاشة باستخدام مكون إضافي أو وحدة نمطية أحد أكثر الطرق ملاءمة وفعالية لهيكلة المحتوى. هناك العديد من المكونات الإضافية والوحدات النمطية لمختلف أنظمة إدارة المحتوى والأطر التي تسمح لك بإنشاء جدول محتويات تلقائيا بناء على رؤوس الصفحات.
- واحدة من هذه الإضافات الشعبية هي "جدول المحتويات زائد" لورد. هذا البرنامج المساعد يسمح لك لعرض جدول المحتويات كقائمة مع وصلات إلى رؤوس الصفحات. لاستخدام هذا المكون الإضافي ، تحتاج إلى تثبيته على موقع الويب الخاص بك وإدراج الرمز المناسب في قالب الصفحة.
ومن الممكن أيضا لعرض جدول المحتويات باستخدام وحدات لأطر شعبية مثل رد فعل أو فيو. على سبيل المثال ، بالنسبة إلى رد الفعل ، يمكنك استخدام وحدة رد الفعل-سكرولسبي لإنشاء جدول محتويات يتم تحديثه تلقائيا عند تمرير الصفحة.
- يسمح جدول المحتويات للقراء بالعثور بسرعة على المعلومات التي يحتاجونها في نص مقال أو مستند. يمكن إنشاء جدول المحتويات يدويا باستخدام لغة ترميز هتمل وأوراق الأنماط المتتالية (كس).
- ,
- - فقرة مع نص المادة
- خطوات إنشاء جدول محتويات:
تحديد عناوين المقالة ووضع علامة عليها مع العلامات
نص القسم الأول.
القسم الفرعي 1-1
- نص القسم الفرعي 1.1.
- القسم الفرعي 1-2
- نص القسم الفرعي 1.2.
- القسم الثاني
نص القسم الثاني.
| ... | |
|---|---|
مثال على استخدام أنماط كس لتصميم جدول المحتويات: | |
نتيجة لذلك ، سوف تتلقى جدول محتويات يحتوي على عناوين فرعية وروابط لكل عنوان. سيسمح ذلك للقراء بالتنقل بسهولة عبر المقالة والعثور بسرعة على المعلومات التي يحتاجونها. |
|
مزايا إنشاء جدول محتويات باستخدام نظام إدارة المحتوى:الإنشاء التلقائي لجدول محتويات بناء على عناوين الصفحات; |
|
مثال على استخدام نظام إدارة المحتوى لإنشاء جدول محتويات:
قم بتثبيت نظام إدارة المحتوى المحدد على موقعك;
إنشاء صفحة أو تحرير صفحة موجودة;
إدراج رؤوس من مستويات مختلفة (على سبيل المثال,
أو
) إلى الأقسام ذات الصلة من المحتوى;
تمكين الإنشاء التلقائي لجدول المحتويات في إعدادات نظام إدارة المحتوى;
انشر الصفحة وتحقق من جدول المحتويات.
فيما يلي مثال بسيط على استخدام نظام إدارة المحتوى لإنشاء جدول محتويات:
عنوان الصفحة
جدول المحتويات
مقدمة
هذا هو مقدمة لموضوع جداول المحتويات.
مقدمة
- الجزء الرئيسي
- مقدمة
- القسم الفرعي
- مقدمة
- القسم الفرعي
هذا هو الجزء الرئيسي من المقالة حول إنشاء جدول محتويات باستخدام نظام إدارة المحتوى.
الجزء الرئيسي
هذا قسم فرعي من الجزء الرئيسي من المقالة.
الجزء الرئيسي
ملاحظة: يستخدم المثال نقاط ارتساء لإنشاء روابط إلى الأقسام ذات الصلة من الصفحة.
وبالتالي ، فإن استخدام نظام إدارة المحتوى لإنشاء جدول محتويات يسهل عملية إنشاء محتوى منظم وغني بالمعلومات على موقعك. يتيح ذلك للزوار التنقل بسرعة في الصفحة والعثور على المعلومات التي يحتاجون إليها. بالإضافة إلى ذلك ، يوفر نظام إدارة المحتوى القدرة على تخصيص مظهر جدول المحتويات وتحديثه تلقائيا عند حدوث تغييرات.