❮
Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing
❯
الدرس التالي❯ ❮الدرس السابق

HTMLالعناوين

  • مفهوم العناوين
  • أنواع العناوين
  • أهمية العناوين بالنسبة لمحركات البحث

مفهوم العناوين

العنوان هو نص حجمه مختلف عن حجم الفقرة يتم عرضه على سطر منفرد بهدف إعطاء المستخدم فكرة عامة عن موضوع الصفحة التي دخل إليها، أو فكرة عامة عن موضوع الفقرة التي سيقرأها.

في هذا الدرس سنتعرف على أنواع العنواين التي يمكن إضافتها في الصفحة و أهمية استخدامها.

أنواع العناوين

يوجد 6 أحجام من العناوين التي يمكنك إضافتها في الصفحة تبدأ من <h1> الذي يعطيك أكبر عنوان و تنتهي عند <h6> الذي يعطيك أصغر عنوان.

في المثال التالي قمنا بعرض جميع العناوين من الأكبر إلى الأصغر حتى تلاحظ فرق الحجم بينهم.

مثال

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>
جرب الكود

أهمية العناوين بالنسبة لمحركات البحث

العنوان الرئيسي الذي تضعه للصفحة يعتبر أهم عنوان تضعه فيها بالنسبة لمحركات البحث ( Search Engines ) مثل جوجل و ياهو و غيرهما. بعده في الأهمية تأتي مباشرةً العناوين الموضوعة للفقرات. يليها العناوين الفرعية الأقل أهمية الموضوعة بداخل الفقرات، و في النهاية محتوى الفقرات نفسه.

ننصحك دائماً بوضع عنوان الصفحة بين <h1> </h1> و عنوان أي فقرة بين <h2> </h2> و أي عنوان فرعي في الفقرة بين <h3> </h3> و هكذا.

الدرس التالي❯ ❮الدرس السابق