אחד המאפיינים של הטיפוגרפיה של אתר שאתה יכול לבחור להתאים במהלך פיתוח האתר הוא הצדקה לטקסט האתר. כברירת מחדל, טקסט האתר נותר מוצדק וכך מספר אתרים משאירים את הטקסט שלהם. האפשרויות האחרות היחידות מוצדקות נכון, וזה נדיר, או מוצדק לחלוטין.
טקסט מוצדק הוא גוש טקסט שמתיישר הן בצד שמאל והן בצד ימין, בניגוד לאחד מאותם צדדים בלבד (וזה מה שהצדקת "שמאל" ו"ימין "עושה). האפקט המוצדק כפול מושג על ידי התאמת רווחי המילה והאות בכל שורת טקסט כדי להבטיח שכל שורה תהיה באותו אורך. אפקט זה נקרא הצדקה מלאה. הצדק טקסט ב- CSS באמצעות יישור טקסט תכונה.
איך הצדקה עובדת?
הסיבה שלעתים קרובות אתה רואה קצה לא אחיד בצד ימין של גוש טקסט היא שכל שורה של טקסט אינה באותו אורך. בשורות מסוימות יש יותר מילים או מילים ארוכות יותר ואילו באחרות יש פחות או יותר מילים. כדי להצדיק את גוש הטקסט, יש להוסיף רווחים נוספים לשורות מסוימות כדי לאזן את כל השורות ולהפוך אותן לעקביות.
לכל דפדפן אינטרנט יש אלגוריתם משלו ליישום החללים הנוספים בתוך שורה. הדפדפנים בוחנים את אורך המילה, המקף וגורמים אחרים כדי לקבוע היכן להציב את הרווחים. כתוצאה מכך, טקסט מוצדק עשוי שלא להיראות זהה מדפדפן אחד למשנהו. היה סמוך ובטוח, עם זאת, התמיכה העיקרית בדפדפן היא טובה להצדיק טקסט באמצעות CSS.
כיצד להצדיק טקסט
כדי להצדיק טקסט באמצעות CSS נדרש חלק מהטקסט כדי להצדיק אותו. בדרך כלל תשתמש בפסקאות טקסט מכיוון שגושים גדולים של הקשר טקסט המשתרעים על מספר שורות יסומנו בתגי פסקאות.
לאחר שיש לך גוש טקסט להצדיק, זה רק עניין של הגדרת הסגנון למוצדק באמצעות מאפיין הסגנון CSS ליישור טקסט. החל כלל CSS זה על בורר מתאים כדי לגרום לגוש הטקסט להופיע כמתוכנן.
מתי להצדיק טקסט
אנשים רבים אוהבים את המראה של טקסט מוצדק מנקודת מבט עיצובית, בעיקר משום שהוא יוצר מראה עקבי ומדוד מאוד, אך יש חסרונות להצדיק טקסט מלא בדף אינטרנט.
ראשית, טקסט מוצדק יכול להיות קשה לקריאה. הסיבה לכך היא שכאשר אתה מצדיק טקסט, לפעמים ניתן להוסיף הרבה רווח נוסף בין כמה מילים בשורה. פערים לא עקביים אלה יכולים להקשות על קריאת הטקסט. זה חשוב במיוחד בעמודי האינטרנט, שקשה לקרוא אותם כבר בגלל תאורה, רזולוציה או איכות חומרה אחרת. הוספת רווחים יוצאי דופן לטקסט עלולה להחמיר מצב רע.
בנוסף לאתגרי הקריאה, המרחבים הריקים מתייצבים לעיתים זה בזה כדי ליצור "נהרות" של חלל לבן באמצע הטקסט. פערים גדולים אלה של שטח לבן יכולים באמת להוות תצוגה מביכה. בנוסף, בשורות קצרות במיוחד, הצדקה יכולה לגרום לשורות המכילות מילה אחת עם רווחים נוספים בין האותיות עצמן.
אז מתי כדאי להשתמש בהצדקת טקסט? הזמן הטוב ביותר להצדיק טקסט מתרחש כאשר השורות ארוכות וגודל הגופן קטן - דבר שקשה להבטיח באתרים רספונסיביים שבהם אורכי השורות משתנים בהתאם לגודל המסך. אין מספר קשה ומהיר לאורך השורה או לגודל הטקסט; עליכם להשתמש בשיקול דעתכם הטוב ביותר.
לאחר שתחיל את סגנון יישור הטקסט כדי להצדיק טקסט, בדוק אותו כדי לוודא שאין לטקסט נהרות של שטח לבן - ובדוק אותו במגוון גדלים. הבדיקה הקלה ביותר אינה דורשת דבר מסובך יותר מעיניך המצומצמות שלך. הנהרות בולטים ככתמי לבן בגוש טקסט אפור אחרת. אם אתה רואה נהרות, עליך לבצע שינויים בגודל הטקסט או ברוחב גוש הטקסט כדי להזרים מחדש את הטקסט.
השתמש בהצדקה רק לאחר שהשוו אותה לטקסט מיושר לשמאל. יתכן שתאהב את העקביות של הצדקה מלאה, אך הטקסט הסטנדרטי עם הצדקה השמאלית הוא בדרך כלל קריא יותר. בסופו של דבר, עליך להצדיק טקסט מכיוון שבחרת להצדיק את הטקסט למטרות עיצוב ואישרת שהאתר שלך נותר קל לקריאה.