العناوين heading في HTML - ProgrammerTech
Language:

Search

العناوين heading في HTML

  • Share this:
العناوين heading في HTML

العناوين heading في HTML

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

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

إن HTML توفّر لنا 6 مستويات من العناوين وهي من <h1> حتى <h6>.

و كلما إرتفع وسم الرقم في العنوان كلما زادت أهميته, لذلك الوسم <h1> هو يكون أهم عنوان, بينما الوسم <h6> هو الأقل أهمية في صفحات الويب.

إفتراضياً تعرض المتصفحات العناوين بخط كبير و تنسيقه غامق غير النص العادي.

إن العناوين في HTML تكون مهمة جداً فهي تؤدي إلى إبراز الموضوعات المهمة في صفحة الويب و تؤدي إلى هيكلة صفحة الويب بشكل جيد.

يجب علينا إستغلال العناوين heading بعناية لتحسين تفاعل المستخدم في صفحة الويب.

 

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

يعتبر العنوان الرئيسي الذي يكون في صفحة الويب أهم عنوان في الصفحة وهذا بالنسبة لمحركات البحث ( Search Engines ) مثل Google و Yahoo و غيرهم...إلخ.

ثم يأتي بعد العنوان الرئيسي في الأهمية مباشرتاً هي العناوين الموضوعة للفقرات في الصفحة.

و تليها العناوين الفرعية الموضوعة في الفقرات و تعتبر الأقل أهمية.

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

مثال

<h1>Programmer Tech</h1>
<h2>Programmer Tech</h2>
<h3>Programmer Tech</h3>
<h4>Programmer Tech</h4>
<h5>Programmer Tech</h5>
<h6>Programmer Tech</h6>

قمنا بإنشاء 6 عناوين في المثال و هي من <h1> حتى <h6> وهي العناوين التي تستخدم في صفحات الويب.

كتبنا في كل عنوان كلمة Programmer Tech كي نشغل الكود و نرى نتيجته بالشكل.

طباعة العناوين في لغة html

 

كما لآحظنا من النتيجة السابقة كان وسم <h1> هو الأكبر من بين العناوين كونه العنوان الأهم, بينما كان الوسم <h6> هو الأصغر.


Muhammad Alush

Muhammad Alush

إسمي محمد تركي العلوش من سورية من ريف حلب الشرقي 1994, محب للتقنية و التعلم الذاتي, و جميع خبراتي تعلمتها ذاتياً, و اللغات البرمجية التي أتقنها هي html, css, javascript, php, c, python بالإضافة إلى حبي الكبير لمجال الشبكات.

موقعي programmer-tech.com