מדריך HTML מספר 3 - כותרות (title and headings)

כותרות דפי הHTML הן קריטיות להבנת ההקשרים ובניית הדף בצורה נכונה, שלא לדבר על החשיבות שלהם בעיניי מנועי החיפוש. במדריך זה נדבר על 2 סוגי כותרות: Headings והTitle.

קל 4,998 צפיות 30 במאי 2011

שלבים

1
שלב 1

מה ההבדל בין Title לHeading? הtitle הוא שם הדף - מה שאתם רואים בחלק העליון של הדפדפן ואילו הheading היא כותרת הפסקה.
2
שלב 2

תחילה נדבר מעט על הheading. כתיבה נכונה של כותרות לפסקאות מוגדרת כך שהכותרת של הפסקה הראשונה היא הגדולה ביותר, כותרת הפסקה אחריה קטנה ממנה במעט וכן הלאה. כך נראות תגיות headings:
3
שלב 3

<html>

<body>

<h6>h6 heading</h6>

<h5>h5 heading</h5>

<h4>h4 heading</h4>

<h3>h3 heading</h3>

<h2>h2 heading</h2>

<h1>h1 heading</h1>

</body>

</html>
4
שלב 4

כך זה יראה בדפדפן:
5
שלב 5

שימו לב שככל שהמספר בתגית גדול יותר כך גודל הכותרת קטן יותר. הקפידו להשתמש בheadings רק ככותרות ולא בשביל להדגיש מילים.
6
שלב 6

בניגוד לheading, כותרת הtitle היא הכותרת של העמוד כולו ומשתמשים בה גם בשביל ההוספה למועדפים ובתוצאות מנוע החיפוש. התגית שלה נראית כך:
7
שלב 7

<html>

<head>

<title>Title of this cool page</title>

</head>

<body> Some text in the document itself

</body>

</html>
8
שלב 8

שימו לב שכשאתם מריצים את הדפדפן, כותרת הדפדפן השתנתה. כמו כן, ניתן לראות שאת אלמנט הtitle אנחנו מציבים בתוך אלמנט head. זהו אלמנט שמשמש להכלת אלמנטים מסויימם כגון סקריפטים, תגיות מטה, style ועוד עליהם נלמד בהמשך.