יצירת קטעי עיצוב בדף שלך
כותרות הן דרך שימושית לארגן את הטקסט, ליצור חלוקות שימושיות ולייעל את דף האינטרנט שלך עבור מנועי החיפוש. אתה יכול בקלות ליצור כותרות באמצעות תגי כותרת HTML. אתה יכול גם לשנות את המראה של הטקסט שלך עם תגים מודגש ונטוי.
כותרות
תגי כותרת הם הדרך הפשוטה ביותר לחלק את המסמך. אם אתה חושב על האתר שלך כעיתון, אז הכותרות הן הכותרות על העיתון. הכותרת הראשית היא h1 והכותרות הבאות הן h2 דרך h6.
השתמש בקודים הבאים כדי ליצור את ה- HTML.
זוהי כותרת 1 h1> זוהי כותרת 2 h2> זוהי כותרת 3 h3> זוהי כותרת 4 h4> 5 h5> זוהי כותרת 6 h6> טיפים לזכור
- נסו לשמור את הכותרות בסדר הגיוני, h1 מגיע לפני h2, אשר מגיע לפני h3, וכן הלאה.
- אל תדאג יותר מדי על איך כותרות את הכותרת - אתה צריך להשתמש CSS לכותרות סגנון ולא באמצעות כותרת מתוך סדר.
- תגי כותרת הם רכיבים ברמת החסימה , ולכן הם מעמידים עבורך שורה של מעברי שורה. אל תניח תגי P בתוך תגי הכותרת.
מודגש ונטוי
זוהי כותרת 3 h3> זוהי כותרת 4 h4> 5 h5> זוהי כותרת 6 h6> טיפים לזכור
- נסו לשמור את הכותרות בסדר הגיוני, h1 מגיע לפני h2, אשר מגיע לפני h3, וכן הלאה.
- אל תדאג יותר מדי על איך כותרות את הכותרת - אתה צריך להשתמש CSS לכותרות סגנון ולא באמצעות כותרת מתוך סדר.
- תגי כותרת הם רכיבים ברמת החסימה , ולכן הם מעמידים עבורך שורה של מעברי שורה. אל תניח תגי P בתוך תגי הכותרת.
מודגש ונטוי
5 h5> זוהי כותרת 6 h6> טיפים לזכור
- נסו לשמור את הכותרות בסדר הגיוני, h1 מגיע לפני h2, אשר מגיע לפני h3, וכן הלאה.
- אל תדאג יותר מדי על איך כותרות את הכותרת - אתה צריך להשתמש CSS לכותרות סגנון ולא באמצעות כותרת מתוך סדר.
- תגי כותרת הם רכיבים ברמת החסימה , ולכן הם מעמידים עבורך שורה של מעברי שורה. אל תניח תגי P בתוך תגי הכותרת.
מודגש ונטוי
טיפים לזכור
- נסו לשמור את הכותרות בסדר הגיוני, h1 מגיע לפני h2, אשר מגיע לפני h3, וכן הלאה.
- אל תדאג יותר מדי על איך כותרות את הכותרת - אתה צריך להשתמש CSS לכותרות סגנון ולא באמצעות כותרת מתוך סדר.
- תגי כותרת הם רכיבים ברמת החסימה , ולכן הם מעמידים עבורך שורה של מעברי שורה. אל תניח תגי P בתוך תגי הכותרת.
מודגש ונטוי
ישנם ארבעה תגים שבהם ניתן להשתמש עבור מודגש ונטוי:
- ו- עבור מודגש
- ו- לנטוי
זה לא משנה באיזה שימוש אתה משתמש. בעוד שחלק מעדיפים ו- , אך אנשים רבים מוצאים עבור "מודגש" ו קל יותר לזכור.
כל שעליך לעשות הוא להקיף את הטקסט שלך עם תגי הפתיחה והסגירה, כדי להפוך את הטקסט מודגש או נטוי:
מודגש b> נטוי i>אתה יכול לקנן את התגים האלה (כלומר, אתה יכול לעשות טקסט הן מודגש נטוי) וזה לא משנה איזה תג חיצוני או פנימי.
לדוגמה:
טקסט זה מודגש
טקסט זה מודגש strong>טקסט זה הוא נטוי
טקסט זה הוא נטוי em>טקסט זה הוא מודגש וגם נטוי
טקסט זה הוא מודגש וגם נטוי em> strong>למה יש שני סטים של מודגש ו נטוי תגיות
ב- HTML4, התגים ו- נחשבו לתגיות סגנון שהשפיעו רק על המראה של הטקסט ולא אמרו דבר על תוכן התג, והוא נחשב לטופס רע להשתמש בו. ואז, עם HTML5, הם קיבלו משמעות סמנטית מחוץ למראה הטקסט.
ב- HTML5 לתגים אלה יש משמעויות ספציפיות:
- מציין טקסט שאינו חשוב יותר מהטקסט שמסביב, אך מצגת טיפוגרפית טיפוסית היא טקסט מודגש, כגון מילות מפתח במסמך מופשט או בשמות מוצרים בסקירה.
- מציין טקסט שאינו חשוב יותר מהטקסט שמסביב, אך מצגת טיפוגרפית טיפוסית היא טקסט נטוי, כגון כותרת ספר, מונח טכני או ביטוי בשפה אחרת.
- מציין טקסט בעל חשיבות רבה בהשוואה לטקסט שמסביב.
- מציין טקסט שיש בו לחץ אמפתי בהשוואה לטקסט שמסביב.