الرئيسية / الصفحة الرئسية / طريقة التعامل مع headings الخاصة بي HTML

طريقة التعامل مع headings الخاصة بي HTML

السلام عليكم ورحمة الله في بداية الامر نود ان نرحب بزوارنا الاعزاء وفي هذا المقال سنقوم بالتحدث عن طريقة التعامل مع heading الخاصة بي HTML لننتقل الى الدرس.

heading هي عبارة عن عناوين يتم اختصارها الى حرف H ثم يتم اضافة رقم من 1 الى 6 عليها وهذا الرقم هو الذي يحدد حجمها ,heading لا تختصر على لغة التصميم html فحسب فهي موجود في الكثير من البرامج من بين هذه البرامج برامج ميكرو سوفت التي تم جمعها في office ولا ننسى نظام ادارة المحتوى الشهير ووردبريس انظر الى الصورة.

لمعرفة طريقة كتابة headings في html انقر على هنا.

ترتيب headings من الاكبر الى الاصغر امر مهم للغاية:

ترتيب headings امر مهم للغاية من اجل جعل التصميم جميل ويجذب لك الكثير من الزوار على سبيل المثال لوقمنا بالدخول على احد مقالاتنا انظر الى الصورة.

نلاحظ ان التنسيق جيد وسهل للقراءة ولا يوجد اي مشكلة في الفهم اي من العناوين هو الرئيسي والاخر فرعي لكن اذا قمنا بوضع headings بهذا الشكل انظر الى الصورة التي في الاسفل.

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

على سبيل المثال لدينا قائمة اسمها مسار تعلم برمجة الويب ونريد وضعها في عناوين واعطائها افضل التنسيقات الممكنة انظر الى الصور.

انظر جيدا الى التنسيق كيف يبدو واضحا ,عندما يصل الشخص الى back end يعلم أنه قد دخل الى مجال اخر يسمى back end لكن لوكانت جميع العناصر بنفس حجم بعضها البعض انظر الى الصورة الثانية.

انظر الى التنسيق السيء كيف يبدو غير واضح, اخبرني هل سيعمل الشخص متى ينتهي المسار واين المسار الثاني والجديد.

دعنا نتقدم قليلا في الشرح على سبيل المثال نريد اضافة فرع اخر خاص بالجافا سكريبت وهو داخل الجافا سكريبت لعمل هذا نستخدم heading اصغر حجم انظر الى الصورة.

وهنا نصل الى نهاية المقال نتمنى ان ينال اعجابكم ولا تنسوا الدعاء لنا بالهداية والتوفيق وندعوكم للاعجاب بصفحتنا على الفيس بوك.

عن hossam

شاهد أيضاً

طريقة تحميل ubuntu

السلام عليكم ورحمة الله قبل البدء في الشرح نود ان نرحب بزوارنا الاعزاء, ونشكركم جزيل …