כשמדובר בלימוד HTML, שני תגים שרוב האנשים לומדים בשלב מוקדם הם תגי מעבר הפסקה והשורה
ו
בהתאמה. תגים אלה מכניסים הפסקות טבעיות לטקסט שלך, כך שתוכן דף האינטרנט שלך קל יותר לקריאה. תגים אלה אמנם קלים למדי לשימוש, אך הם יכולים גם לגרום לבלבול מסוים ולהשתמש בהם לרעה.
שימוש נכון באלמנט ה- Paragraph HTML
אלמנט הפסקה
משמש כזוג תגים עם ה-
תג הפותח את האלמנט ואת
תג שתסגור אותו. בכתב HTML4 או HTML5, מבחינה טכנית אין צורך בתג הקצה, אך זה נחשב לשיטה הטובה ביותר לסגור תג זה. ב- XHTML, הסגירה נדרש.אתה משתמש באלמנט הפסקאות באתר זהה לאופן שבו אתה כותב תוכן לצרכים מחוץ לאינטרנט - כשאתה רוצה להתחיל רעיון או נקודה חדשה. ברוב הדפדפנים מוצגות פסקאות שביניהן שורה ריקה אחת. להלן פסקה לדוגמה ב- HTML:
עכשיו הגיע הזמן שכל הגברים הטובים יבואו לעזרת מדינתם. השועל החום המהיר קפץ מעל הכלב העצלן.
תגים רבים אחרים יכולים להופיע בין תגי הפיסקה לפתיחה לסגירה.
שימוש נכון באלמנט ה- HTML Line Break
אלמנט מעבר הקווים
תג הוא תג יחיד - אין לו תג קצה. ב- XHTML עליך להשתמש בתג עם קו נטוי אחרון (
), אך ב- HTML (כולל HTML5), זה לא נדרש.
אלמנט הפסקה הוא מעבר שורה מאולץ בתוך זרימת הטקסט של דף האינטרנט. אתה משתמש בו כאשר אתה רוצה שהטקסט ימשיך בשורה הבאה, אך התוכן אינו רעיון או נקודה נפרדים, מה שיהפוך אותו לפסקה אחרת. דוגמה לכך מתרחשת בשירה שבה מעברי שורות בדרך כלל קבועים.
הנה דוגמה למעבר שורה בתוך פיסקה:
עכשיו הגיע הזמן שכל הגברים הטובים יבואו לעזרת מדינתם.
השועל החום המהיר קפץ מעל הכלב העצלן.
מכיוון שתג מעבר השורה הוא תג יחיד, לא ניתן להשתמש בתגים אחרים בתוכו.
שגיאות נפוצות של ו
תגים
תגים
אנשים חדשים בקידוד עושים כמה טעויות נפוצות באלמנטים של פסקה ושורה בעת סימון דף אינטרנט.
-
באמצעות
כדי לשנות את אורך שורת הטקסט: שימוש בתג השבר בניסיון לאלץ את הטקסט להופיע או להישבר בצורה ספציפית מבטיח זאת הדפים שלך נראים נהדר בדפדפן שלך, אך לא בהכרח בדפדפן אחר ובוודאי שלא בכולם מכשירים. אם האתר שלך הוא אתר רספונסיבי, הוא משנה את הפריסה שלו בהתבסס על גדלי מסך שונים. הדפדפן מכניס אוטומטית גלישת מילים, ואז כשמדובר ב-
תג, הוא עוטף את הטקסט שוב, וכתוצאה מכך שורות קצרות ושורות ארוכות וטקסט סוער. אתה צריך להשתמש גיליונות סגנון CSS להכתיב סגנונות חזותיים במקום לנסות לכפות פריסה על ידי הוספת אלמנטים ספציפיים של HTML. - באמצעות כדי להוסיף רווח בין אלמנטים: שוב, זה פונה ל- HTML כדי ליצור פריסה חזותית, במקרה זה, ריווח, במקום להשתמש ב- CSS. זה נוהג נפוץ של עורכי HTML מסוימים, ולמרות שהוא אינו שגוי מבחינה טכנית, זה גורם ל- HTML בעל מראה מביך ויכול לבלבל לעריכה מאוחר יותר. זה גם לא עולה בקנה אחד עם תקני האינטרנט והפרדת המבנה והסגנון. במקרים מסוימים, שימוש ללא שבירה רווחים בתוך תגי פסקה ריקים אחרת יכולים לגרום למרווח בלתי צפוי בדפדפנים שונים, מכיוון שכולם נראים לפרש זאת אחרת. הפיתרון הטוב ביותר להשגת אלמנטים המרווחים הדרושים בעיצוב שלך הוא שימוש בגיליונות סגנון.