يتم تعريف العنوان (العنوان) من خلال العلامات <h1>-<h6>، ويحدد <h1> العلامة الأكبر (الأكثر أهمية)، ويحدد <h6> العلامة الأصغر (الأقل أهمية). تجدر الإشارة إلى أن علامة العنوان تُستخدم فقط للعنوان. لا تستخدم علامة العنوان فقط لإنتاج نص غامق أو كبير، لأن وظيفة العنوان هي تسهيل تصفح صفحة الويب للمستخدمين بسرعة، لذلك لا يمكن للعنوان أن يكون كذلك. استخدامها بشكل عشوائي. يمكن لهذه العلامات تحديد العنوان في صفحة الويب (على غرار العنوان في الكلمة) يمكن أن يؤدي الاستخدام المعقول للعناوين إلى جعل الهيكل الهرمي لصفحة الويب أكثر وضوحًا.
نصيحة: تساعد العناوين في HTML محركات البحث على فهم بنية صفحة الويب ومحتواها.
افتراضيًا، تعرض المتصفحات المحتوى في العناوين بخط أكبر وأكثر جرأة من النص العادي، والعناوين المحددة باستخدام العلامة <h1> لها أكبر حجم للخط، بينما العناوين المحددة باستخدام العلامة <h6> لها أصغر حجم للخط، كما هو موضح في. المثال أدناه:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>عرض توضيحي لعلامة عنوان HTML</title></head><body><h1>عنوان h1</h1><h2>عنوان h2< /h2><h3>عنوان h3</h3><h4>عنوان h4</h4><h5>عنوان h5</h5><h6>عنوان h6</h6></body></html>
وتظهر نتائج التشغيل في الشكل أدناه:
1. عنوان HTML
(1) يتم تعريف العنوان من خلال العلامات <h1> - <h6>.
(2) يحدد <h1> العنوان الأكبر. <h6> يحدد أصغر عنوان.
2. العناوين مهمة
تأكد من استخدام علامات عنوان HTML للعناوين فقط. لا تستخدم العناوين فقط لإنتاج نص عريض أو كبير.
تستخدم محركات البحث الرؤوس لفهرسة بنية صفحات الويب الخاصة بك ومحتواها.
نظرًا لأنه يمكن للمستخدمين استخدام العناوين للتنقل بسرعة في صفحتك، فمن المهم استخدام العناوين لعرض بنية المستند.
يجب استخدام h1 كعنوان رئيسي (الأهم)، يليه h2 (التالي الأكثر أهمية)، ثم h3، وهكذا.
3. خطوط HTML الأفقية
تقوم العلامة <hr> بإنشاء خط أفقي في صفحة HTML.
يمكن استخدام عنصر hr لفصل المحتوى.
<p>هذه فقرة. </p><hr><p>هذه فقرة. </p><hr><p>هذه فقرة. </ص>
وتظهر نتائج التشغيل في الشكل أدناه:
4. تعليقات HTML
يمكن إدراج التعليقات في كود HTML لتحسين إمكانية قراءته وتسهيل فهم الكود. يتجاهل المتصفح التعليقات ولا يعرضها.
التعليقات مكتوبة على النحو التالي:
<!--هذا تعليق--><p>لن يتم عرض التعليق أعلاه على صفحة الويب. </ص>
تعليق: يجب اتباع علامة التعجب (علامة الترقيم الإنجليزية) مباشرة بعد قوس الفتح (القوس الأيسر)، ولكن ليس قبل قوس الإغلاق (القوس الأيمن) يمكن أن يساعد الاستخدام المعقول للتعليقات في أعمال تحرير التعليمات البرمجية في المستقبل.
5. نصائح HTML - كيفية عرض كود المصدر
هل سبق لك أن نظرت إلى بعض صفحات الويب وتعجبت من كيفية القيام بذلك؟
إذا كنت تريد معرفة ذلك، فما عليك سوى النقر بزر الماوس الأيمن وتحديد عرض المصدر (IE) أو عرض مصدر الصفحة (Firefox)، وستفعل المتصفحات الأخرى نفس الشيء. سيؤدي القيام بذلك إلى فتح نافذة تحتوي على كود HTML الخاص بالصفحة.