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