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

הנה כיצד להשתמש בתג טקסט מעוצב מראש בקוד ה- HTML שלך

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

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

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

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

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

שימוש בתג

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

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

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

הנה אחת הדרכים להשתמש בתג HTML

: 

 
 brasig ואת shithehey toves האם gyre ו gimble ב wabe  
 HTML טיפוסי קורסת את המרחב הלבן במסמך. משמעות הדבר היא שתשובות החזרה, הרווחים ותווי הכרטיסייה שמשמשים בטקסט זה יכווצו כולם למרחב אחד. אם הקלדת את הציטוט שלעיל בתג HTML טיפוסי כמו תג p (פסקה), תופיע בשורה אחת של טקסט, כך: 
 זה היה הברליג והצלצלים החמקמקים 
 תג מראש משאיר את תווי החלל הלבן כמו שהוא. לכן, הפסקות שורה, רווחים ורשומות נשמרות כולן בתהליך עיבוד התוכן של הדפדפן. הצבת הציטוט בתוך תג מראש עבור אותו טקסט תביא לתצוגה זו: 
 זה היה הברליג והצלצלים החמקמקים 
 לגבי גופנים 
 תג מראש עושה יותר מאשר רק לשמור על רווחים רווחים עבור הטקסט שאתה כותב. ברוב הדפדפנים, הוא כתוב בגופן monospace. זה עושה את התווים בטקסט כל שווה רוחב. במילים אחרות, האות i תופסת מקום רב כמו האות w. 
 אם אתה מעדיף להשתמש בגופן אחר במקום חד-פעמי המוגדר כברירת מחדל, שאותו מציג הדפדפן, עדיין תוכל לשנות זאת באמצעות גיליונות סגנונות ולבחור כל גופן אחר שברצונך שהטקסט יוצג בו . 
 HTML5 
 דבר אחד שיש לשים לב אליו הוא שב HTML5, התכונה "width" אינה נתמכת עוד עבור אלמנט 
. ב- HTML 4.01, הרוחב ציין את מספר התווים שקו יכיל, אך זה ירד ל- HTML5 ומעבר לו. 

 בעריכת ג'רמי ג'ירארד ב -2 / 2/17