הגדרת כותרות
כותרות הן אחד המרכיבים החשובים במבנה העמוד. הן עוזרות לגולשים להתמצא בעמוד ומשמשות את מנועי החיפוש כדי להבין במה עוסק התוכן שלו.
הכותרות מוגדרות בקוד ע"י תגיות h1 עד h6 כאשר h1 היא הכותרת החשובה והכללית ביותר בעמוד:
<h1>this is a major heading</h1>
כותרת h1 היא הכותרת הראשית של העמוד והיא מתארת את התוכן שלו. בדרך כלל קיימת רק כותרת אחת מסוג h1 בכל דף באתר. את הכותרות הפנימיות בעמוד, נגדיר ע"י התגיות h2 עד h6, לפי סדר חשיבות יורד:
<h2>this is a secondary heading</h2>
<p>this is a paragraph</p>
<h3>this is a heading</h3>
<p>this is another paragraph</p>
<p>this is a paragraph</p>
<h3>this is a heading</h3>
<p>this is another paragraph</p>
כדי ליצור מבנה עמוד ברור, רצוי להשתמש בכותרות לפי הסדר, מבלי לדלג. כך למשל, הדוגמה הבאה היא לא טובה:
<h2>this is a secondary heading</h2>
<p>this is a paragraph</p>
<h5>this is a heading</h5>
<p>this is another paragraph</p>
<p>this is a paragraph</p>
<h5>this is a heading</h5>
<p>this is another paragraph</p>