Har du tittat på en mycket gammal webbplats och sett en ovanlig tagg inne i HTML? För många år sedan skulle webbdesigners faktiskt ställa in fonterna på sina webbsidor i HTML-formatet, men separationen av strukturen (HTML) och stilen (CSS) tog bort denna praktik för en tid sedan.
I webbdesign idag har taggen avlägsnats. Det betyder att taggen inte längre är en del av HTML-specifikationen. Medan vissa webbläsare fortfarande stödjer den här taggen efter att den har avlägsnats, stöds den inte längre alls i HTML5, vilket är det senaste språkets iteration. Det betyder att taggen inte längre finns i dina HTML-dokument.
Alternativet till typsnittet
Om du inte kan ställa in textstorleken på HTML-sidan med taggen, vad ska du använda? Cascading Style Sheets (CSS) är hur du ställer in fontstilar (och alla visuella stilar) på webbplatser idag. CSS kan göra alla samma saker som taggen kan göra, plus så mycket mer. Låt oss undersöka vad taggen skulle kunna göra när det var ett alternativ för våra HTML-sidor (kom ihåg, det stöds inte längre alls, så det är inte ett alternativ) och jämföra hur man gör det med CSS.
Ändra fontfamiljen
Teckensnittet är typsnittets ansikte eller familj. Med teckensnittstaggen skulle du använda attributet "ansikte" och du skulle behöva placera det här genom ett dokument många gånger för att ställa in de enskilda teckensnitten för varje textdel. Om du behövde göra en svepande ändring till det tecknet, var du tvungen att ändra var och en av dessa enskilda taggar. Till exempel:
denna typsnitt är inte sans-serif
I CSS istället för teckensnittet "ansikte" kallas det typsnittet "familj". Du skriver en CSS-stil som skulle ställa in teckensnittet. Om du till exempel vill ställa in all text på en sida till Garamond, kan du lägga till den visuella stilen så här:
kropp {font-family: Garamond, Times, serif; }
Den här CSS-stilen skulle tillämpa fontfamiljen Garamond på allt på webbsidan eftersom varje element i dokumentet är en avkomling till
Ändra teckensfärgen
Precis som i ansiktet använder du attributet "färg" och hex-koder eller färgnamn för att ändra färgen på din text. För år sedan skulle du också ställa in det här individuellt på textelement, som en header-tagg.
denna typsnitt är lila
Idag skulle du bara skriva en rad CSS.
Detta är så mycket mer flexibelt. Om du behövde ändra
På varje sida på din webbplats kan du göra en ändring i din CSS-fil och varje sida som använder den filen skulle uppdateras.
Ut med det gamla
Att använda CSS för att diktera visuella stilar har varit en standard för webbdesignern i många år, så om du faktiskt tittar på en sida som fortfarande använder taggen är den en mycket gammal sida och den måste ombyggas för att överensstämma med nuvarande webb utforma bästa praxis och moderna webbstandarder.
Redigerad av Jeremy Girard
