הימנע סגנונות Inline עבור CSS

הפרדת תוכן מהעיצוב הופך את ניהול האתר לקל יותר

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

ניתן לפרוס סגנונות CSS בשתי דרכים:

• Inline - בתוך קידוד של דף האינטרנט עצמו, על בסיס אישי, אלמנט אחר
• במסמך CSS עצמאי, שאליו האתר מקושר

שיטות עבודה מומלצות עבור CSS

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

שיטות עבודה מומלצות עבור CSS יכולות לשפר את האתר שלך בדרכים הבאות:

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

סגנונות מוטבעים הם לא בפועל הטוב ביותר

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

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

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

אלטרנטיבה לסגנונות מוטבעים: גיליונות סגנונות חיצוניים

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