انتقل إلى محتوى الدرس

HTML Main Heading Element h1 عنصر العنوان الرئيسي h1 في لغة HTML

سنتعلم في هذا الدرس أول العناصر المرئية التي تظهر للمستخدمين في صفحة الويب [وتحديدًا داخل عنصر body]، وهي عناصر العناوين [HTML headings elements]، والتي تحدد العنوان الرئيسي للصفحة والعناوين الفرعية لها.

1 صفوف تعليمية
لغة HTML
11,427 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يصف عنصر <h1> العنوان الرئيسي لصفحة الويب، وهو عنصر بالغ الأهمية، حيث يُعتبر مسؤولًا عن جذب الزوار لموقعك والاستمرار في قراءة محتوى صفحة الويب. يعد استخدامه بشكل صحيح مهمًا لتحسين تجربة المستخدم وتعزيز ترتيب الموقع في محركات البحث.

أين يُكتب عنصر العنوان الرئيسي <h1>؟

يُكتب دائمًا داخل عنصر <body>. ليس من الضروري أن يكون <h1> هو أول عنصر مكتوب داخل <body>, حيث يمكن أن يسبقه عناصر أخرى.

وظيفة عنصر <h1>:

  • إنشاء عنوان رئيسي لصفحة الويب HTML بحيث يُساعد الزائر في تحديد مدى أهمية الموضوع بالنسبة له.

  • يُعتبر <h1> مكونًا أساسيًا لأي صفحة ويب، فهو لا يحدد العنوان الرئيسي للصفحة فحسب، بل يؤثر أيضًا على مظهرها وإمكانية اكتشافها في محركات البحث.

الاستخدام الصحيح لعنصر <h1>:


لكي تستخدم عنصر العنوان الرئيسي <h1> في صفحة الويب بطريقة صحيحة، عليك مراعاة الأمور التالية:

  • يفضل استخدام h1 واحد يوضح موضوع الصفحة. يسمح معيار HTML بأكثر من h1 مستقل، لكنه ليس الأسلوب الموصى به عادةً.

  • إذا كان لديك أكثر من عنوان رئيسي داخل صفحة الويب، استخدم عناصر <h2> لتكون متفرعة من <h1>.

  • لا تستخدم <h1> فقط لزيادة حجم النصوص؛ الهدف من تنظيم العناوين هو توضيح الأهمية والتسلسل الهرمي للمحتوى.

  • اختر المستوى بحسب تدرج الأقسام، وابدأ من h1 ثم انزل مستوى واحدًا عند إنشاء قسم فرعي؛ لا يلزم استخدام المستويات الستة كلها.

  • إذا كان هناك عناوين متفرعة من <h1>, استخدم <h2>, وإذا كان هناك عناوين متفرعة من <h2>, استخدم <h3>, وهكذا.

Heading level 1 syntax

العنوان الرئيسي في صفحة HTML يُعبّر عن أعلى مستوى من الأولوية، ويُحدد باستخدام علامة <h1>. يكون أول ما يلاحظه الزائر عند زيارة الصفحة.

HTML
<h1>CloseTag HTML Headings</h1>