הסבר מהו טקסט מעוצב מראש ב- HTML

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

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

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

 משתמש ב 
 תָג 

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

כיום, לא משתמשים בתג זה כל כך הרבה מכיוון ש- CSS מאפשר לנו להכתיב סגנונות חזותיים בצורה הרבה יותר יעילה מאשר לנסות לאלץ הופעה ב- HTML שלנו ומכיוון שסטנדרטים ברשת מכתיבים הפרדה ברורה של מבנה (HTML) וסגנונות (CSS). ובכל זאת, יתכן שיש מקרים שבהם טקסט מעוצב מראש הגיוני, כמו למשל למשל כתובת דואר שבה אתה רוצה לכפות שורות השורות או לדוגמאות של שירה בהן מעברי שורות חיוניים לקריאה ולזרם הכללי של תוֹכֶן. 

הנה דרך אחת להשתמש ב- HTML 
 תָג: 

HTML אופייני מכווץ את החלל הלבן במסמך. המשמעות היא שהמרכבה מחזירה, רווחים ותווי כרטיסיות המשמשים בטקסט זה כולם יוטסו למרחב אחד. אם הקלדת את הציטוט לעיל בתג HTML טיפוסי כמו תג p (פסקה), בסופו של דבר תהיה לך שורה אחת של טקסט, כך: 

זה היה ברק והשוליים הסלידיים החליפו וגיגמו בוואב. 

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

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

אם אתה מעדיף להשתמש בגופן אחר במקום מונוספייס המוגדר כברירת מחדל שמציג הדפדפן, אתה עדיין יכול לשנות זאת באמצעותו גליונות סגנון ובחר כל אחד אחר גוֹפָן אתה רוצה שהטקסט יוצג ב. 
 HTML5 

דבר אחד שיש לזכור הוא שב- HTML5, התכונה "רוחב" כבר אינה נתמכת עבור ה- 
 אֵלֵמֶנט. ב- HTML 4.01, הרוחב ציין את מספר התווים ששורה תכלול, אך זה הושמט עבור HTML5 ואילך.