צור קשר
מאמרים אחרונים
הגדרת כותרות ב-HTML5 נעשית ע"י תגיות h1 עד h6.
הגדרת כותרת ראשית h1
כותרות הן אחד המרכיבים החשובים במבנה העמוד. הן עוזרות לגולשים להתמצא בעמוד ומשמשות את מנועי החיפוש כדי להבין במה עוסק התוכן שלו.
הכותרות מוגדרות בקוד ע"י תגיות h1 עד h6 כאשר h1 היא הכותרת החשובה והכללית ביותר בעמוד:
<h1>this is a major heading</h1>
כותרת h1 היא הכותרת הראשית של העמוד והיא מתארת את התוכן שלו. בכל דף באתר תופיע לכל היותר תגית h1 אחת בלבד.
הגדרת כותרות משנה h2, h3 ב-HTML5
מתחת לתגית הכותרת 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>
אמנם קיימות תגיות ב-6 רמות (h1 עד h6), אבל ברוב המקרים לא נהוג להשתמש יותר מאשר h3 ולעיתים נדירות יותר עד h4.
אחלה מדריך (ל"ת)