האם הסתכלת באתר ישן מאוד וראית תג יוצא דופן בתוך HTML ? לפני שנים רבות, מעצבי אתרים היו למעשה להגדיר את הגופנים של דפי האינטרנט שלהם בתוך ה- HTML עצמו, אבל ההפרדה של המבנה (HTML) ואת הסגנון (CSS) עשה ממני את זה בפועל לפני זמן מה.
בתכנון אתרים היום, התג נמחק. משמעות הדבר היא שהתג כבר אינו חלק ממפרט ה- HTML. בעוד שדפדפנים מסוימים עדיין תומכים בתג זה לאחר שהוא הוצא משימוש, הוא אינו נתמך כלל ב- HTML5, שהוא האיטרציה האחרונה של השפה. משמעות הדבר היא שהתג לא יימצא עוד במסמכי ה- HTML שלך.
אלטרנטיבה לתג הגופן
אם אינך יכול להגדיר את גופן הטקסט בתוך דף ה- HTML עם התג, מה עליך להשתמש? גיליונות סגנון מדורגים (CSS) הם כיצד להגדיר סגנונות גופנים (וכל סגנונות חזותיים) באתרים כיום. CSS יכול לעשות את כל אותם הדברים כי התג יכול לעשות, ועוד הרבה יותר. בוא נבדוק מה התג יכול לעשות כאשר הוא היה אופציה עבור דפי HTML שלנו (זכור, הוא עדיין לא נתמך כלל, אז זה לא אופציה) ולהשוות איך לעשות את זה עם CSS.
שינוי משפחת הגופנים
פני הגופן הם הפנים או המשפחה של הגופן. עם תג הגופן, אתה תשתמש בתכונה "פנים" ואתה צריך למקם את זה לאורך מסמך רבים, פעמים רבות כדי להגדיר את גופנים בודדים עבור כל קטע של טקסט. אם אתה צריך לעשות שינוי גורף לגופן זה, היית צריך לשנות כל אחד מהם תגים בודדים. לדוגמה:
גופן זה אינו sans-serifב CSS במקום גופן "פנים", זה נקרא גופן "משפחה". אתה כותב סגנון CSS שיגדיר את הגופן. לדוגמה, אם אתה רוצה להגדיר את כל הטקסט בדף כדי Garamond, אתה יכול להוסיף את הסגנון החזותי ככה:
body {font-family: Garamond, Times, serif; }זה סגנון CSS יחולו על משפחת הגופנים של Garamond לכל דבר בדף האינטרנט מאז כל אלמנט במסמך הוא צאצא של
שינוי צבע הגופן
כמו עם הפנים, אתה משתמש "צבע" תכונה hex קודים או שמות צבעים כדי לשנות את הצבע של הטקסט שלך. לפני שנים היית גם להגדיר את זה בנפרד על אלמנטים טקסט, כמו כותרת הכותרת.
גופן זה סגולהיום, היית פשוט לכתוב שורה של CSS.
זה הרבה יותר גמיש. אם אתה צריך לשנות את
בכל דף באתר שלך, אתה יכול לעשות שינוי אחד בקובץ CSS שלך וכל דף המשתמש בקובץ זה יעודכן.
עם הישן
באמצעות CSS כדי להכתיב סגנונות חזותיים כבר תקן של מעצב אינטרנט במשך שנים רבות, אז אם אתה באמת מסתכל בדף שעדיין משתמשת תג, אז זה דף ישן מאוד וזה צריך להיות מחדש כדי להתאים את האינטרנט הנוכחי עיצוב שיטות עבודה מומלצות ותקני אינטרנט מודרניים.
בעריכת ג'רמי ג'יררד