منتديات شبكة شعاع الدعوية للتعليم عن بعد

منتديات شبكة شعاع الدعوية للتعليم عن بعد (https://hwazen.com/vb/index.php)
-   تعليم لغة HTML (https://hwazen.com/vb/f278.html)
-   -   Html العناوين (https://hwazen.com/vb/t20795.html)

إسمهان الجادوي 11-08-2020 09:50 AM

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>

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

العنوان الرئيسي الذي تضعه للصفحة يعتبر أهم عنوان تضعه في الصفحة بالنسبة لمحركات البحث ( Search Engines ) مثل جوجل و ياهو و غيرهما. بعدها في الأهمية يأتي مباشرةً العناوين الموضوعة للفقرات. يليها العناوين الفرعية الأقل أهمية الموضوعة في الفقرات, و في النهاية محتوى الفقرات نفسه.
لذلك ننصحك دائماً بوضع عنوان الصفحة بين <h1></h1> و عنوان أي فقرة بين <h2></h2> و أي عنوان فرعي في الفقرة بين <h3></h3> و هكذا.






الساعة الآن 10:38 AM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.6.1 TranZ By Almuhajir
new notificatio by 9adq_ala7sas
HêĽм √ 3.1 BY: ! ωαнαм ! © 2010
يرحل الجميع ويبقي شعاع بيت العلم والحب(ملك الكلمة)