Çok eski bir web sitesine baktınız ve HTML'nin içinde sıra dışı bir etiket gördünüz mü? Yıllar önce, web tasarımcıları aslında web sayfalarının yazı tiplerini HTML'nin içine yerleştireceklerdi, ancak yapı (HTML) ve stilin (CSS) ayrımı bir süre önce bu uygulamadan uzaklaştı.
Web tasarımında bugün, etiket kullanımdan kaldırıldı. Bu, etiketin artık HTML belirtiminin bir parçası olmadığı anlamına gelir. Bazı tarayıcılar bu etiketi kullanımdan kaldırıldıktan sonra desteklemesine rağmen, dilin en son yinelemesi olan HTML5'te artık desteklenmemektedir. Bu, etiketin artık HTML belgelerinizde bulunmaması gerektiği anlamına gelir.
Yazı Tipi Etiketine Alternatif
HTML sayfasının içindeki yazı tipini etiketle ayarlayamazsanız, ne kullanmalısınız? Basamaklı stil sayfaları (CSS), bugün web sitelerinde yazı tipi stillerini (ve tüm görsel stilleri) nasıl ayarlayacağınızdır. CSS, etiketin yapabileceği tüm şeyleri yapabilir, artı çok daha fazlasını yapabilir. HTML sayfalarımız için bir seçenek olduğunda etiketin neler yapabileceğini inceleyelim (hatırlayın, artık desteklenmiyor, bu yüzden bir seçenek değil) ve CSS ile nasıl yapılacağını karşılaştırın.
Yazı Tipi Ailenini Değiştirme
Yazı tipi yüzü yazı tipinin yüzü veya ailesidir. Yazı tipi etiketiyle, "yüz" özelliğini kullanırsınız ve metni her bir bölüm için ayrı ayrı yazı tiplerini ayarlamak için bunu birçok kez bir belgeye yerleştirmeniz gerekir. Bu yazı tipine kapsamlı bir değişiklik yapmanız gerekiyorsa, bu tek tek etiketlerin her birini değiştirmeniz gerekiyordu. Örneğin:
bu yazı tipi sans-serif değilCSS'de "yüz" yazı tipi yerine, "aile" yazı tipi denir. Yazı tipini ayarlayacak bir CSS stili yazarsınız. Örneğin, bir sayfadaki tüm metni Garamond'a ayarlamak isterseniz, şu görsel stili ekleyebilirsiniz:
vücut {font-aile: Garamond, Times, serif; }Bu CSS stili, Garamond'un font ailesini web sayfasındaki her şeye uygulayacaktır.
Yazı Tipi Rengi Değiştirme
Yüzünüzde olduğu gibi, metninizin rengini değiştirmek için "renk" özelliğini ve altıgen kodları veya renk adlarını kullanırsınız. Yıllar önce bunu, ayrı ayrı başlık etiketi gibi metin öğelerinde de ayrı ayrı ayarlayabilirsiniz.
bu yazı tipi morBugün, sadece bir CSS satırı yazacaksınız.
Bu çok daha esnek. Değiştirmek gerekirse
Sitenizin her sayfasında, CSS dosyanızda bir değişiklik yapabilir ve bu dosyayı kullanan her sayfa güncellenir.
Eski ile dışarı
Görsel stiller dikte etmek için CSS kullanmak uzun yıllar boyunca bir web tasarımcısı standardı olmuştur, bu yüzden hala etiketi kullanan bir sayfaya bakıyorsanız, o zaman çok eski bir sayfadır ve mevcut web ile uyumlu olacak şekilde yeniden geliştirilmelidir En iyi uygulamaları ve modern web standartlarını tasarlar.
Jeremy Girard tarafından düzenlendi