מדריך HTML מספר 3 - כותרות (title and headings)
כותרות דפי הHTML הן קריטיות להבנת ההקשרים ובניית הדף בצורה נכונה, שלא לדבר על החשיבות שלהם בעיניי מנועי החיפוש. במדריך זה נדבר על 2 סוגי כותרות: Headings והTitle.
What You'll Need
- HTML
- תגיות
- כותרות
- title
- headings
Steps
- 1
Step 1
מה ההבדל בין Title לHeading? הtitle הוא שם הדף - מה שאתם רואים בחלק העליון של הדפדפן ואילו הheading היא כותרת הפסקה. - 2
Step 2
תחילה נדבר מעט על הheading. כתיבה נכונה של כותרות לפסקאות מוגדרת כך שהכותרת של הפסקה הראשונה היא הגדולה ביותר, כותרת הפסקה אחריה קטנה ממנה במעט וכן הלאה. כך נראות תגיות headings: - 3
Step 3
h6 heading h5 headingh4 heading
h3 heading
h2 heading
h1 heading - 4
Step 4
כך זה יראה בדפדפן: - 5
Step 5
שימו לב שככל שהמספר בתגית גדול יותר כך גודל הכותרת קטן יותר. הקפידו להשתמש בheadings רק ככותרות ולא בשביל להדגיש מילים. - 6
Step 6
Title of this cool page Some text in the document itself - 7
Step 7
שימו לב שכשאתם מריצים את הדפדפן, כותרת הדפדפן השתנתה. כמו כן, ניתן לראות שאת אלמנט הtitle אנחנו מציבים בתוך אלמנט head. זהו אלמנט שמשמש להכלת אלמנטים מסויימם כגון סקריפטים, תגיות מטה, style ועוד עליהם נלמד בהמשך. - 8
Step 8
בניגוד לheading, כותרת הtitle היא הכותרת של העמוד כולו ומשתמשים בה גם בשביל ההוספה למועדפים ובתוצאות מנוע החיפוש. התגית שלה נראית כך: