क्या आपने एक बहुत पुरानी वेबसाइट देखी है और HTML के अंदर एक असामान्य टैग देखा है? कई साल पहले, वेब डिज़ाइनर वास्तव में HTML के अंदर अपने वेब पृष्ठों के फोंट सेट करेंगे, लेकिन संरचना (HTML) और शैली (सीएसएस) को अलग करने से कुछ समय पहले इस अभ्यास को समाप्त कर दिया गया था।
आज वेब डिज़ाइन में, टैग को बहिष्कृत कर दिया गया है। इसका मतलब है कि टैग अब HTML विनिर्देश का हिस्सा नहीं है। हालांकि कुछ ब्राउज़र अभी भी इस टैग को बहिष्कृत करने के बाद समर्थित करते हैं, लेकिन यह अब HTML5 में समर्थित नहीं है, जो भाषा का नवीनतम पुनरावृत्ति है। इसका मतलब है कि टैग अब आपके एचटीएमएल दस्तावेज़ों में नहीं पाया जाना चाहिए।
फ़ॉन्ट टैग के लिए वैकल्पिक
यदि आप टैग के साथ एचटीएमएल पेज के अंदर पाठ का फ़ॉन्ट सेट नहीं कर सकते हैं, तो आप का क्या उपयोग करना चाहिए? कैस्केडिंग स्टाइल शीट्स (सीएसएस) आज आप वेबसाइटों पर फ़ॉन्ट शैलियों (और सभी दृश्य शैलियों) कैसे सेट करते हैं। सीएसएस वही काम कर सकता है जो टैग कर सकता है, और भी बहुत कुछ। आइए देखें कि जब टैग हमारे एचटीएमएल पृष्ठों के लिए एक विकल्प था, तो टैग क्या कर सकता था (याद रखें, यह अब भी समर्थित नहीं है, इसलिए यह एक विकल्प नहीं है) और सीएसएस के साथ इसे कैसे करें इसकी तुलना करें।
फ़ॉन्ट परिवार बदलना
फ़ॉन्ट चेहरा फ़ॉन्ट का चेहरा या परिवार है। फ़ॉन्ट टैग के साथ, आप "चेहरे" विशेषता का उपयोग करेंगे और टेक्स्ट के प्रत्येक अनुभाग के लिए अलग-अलग फोंट सेट करने के लिए आपको इसे कई बार दस्तावेज़ में रखना होगा। यदि आपको उस फ़ॉन्ट में व्यापक परिवर्तन करने की आवश्यकता है, तो आपको इन व्यक्तिगत टैगों में से प्रत्येक को बदलना होगा। उदाहरण के लिए:
यह फ़ॉन्ट संस-सेरिफ़ नहीं हैफ़ॉन्ट "चेहरे" के बजाय सीएसएस में, इसे फ़ॉन्ट "परिवार" कहा जाता है। आप एक सीएसएस शैली लिखते हैं जो फ़ॉन्ट सेट करेगा। उदाहरण के लिए, यदि आप किसी पृष्ठ में सभी टेक्स्ट को गारमंड से सेट करना चाहते हैं, तो आप इस दृश्य शैली को इस तरह जोड़ सकते हैं:
शरीर {फ़ॉन्ट-परिवार: गरमान्ड, टाइम्स, सेरिफ़; }यह सीएसएस शैली वेबपेज पर सबकुछ के लिए गारमंड के फ़ॉन्ट परिवार को लागू करेगी क्योंकि दस्तावेज़ में प्रत्येक तत्व एक वंशज है
फ़ॉन्ट रंग बदलना
चेहरे के साथ, आप अपने पाठ के रंग को बदलने के लिए "रंग" विशेषता और हेक्स कोड या रंग नामों का उपयोग करते हैं। सालों पहले आप इसे टेक्स्ट तत्वों पर भी अलग-अलग सेट करेंगे, जैसे हेडर टैग।
यह फ़ॉन्ट बैंगनी हैआज, आप बस सीएसएस की एक पंक्ति लिखेंगे।
यह बहुत अधिक लचीला है। अगर आपको बदलने की जरूरत है
आपकी साइट के प्रत्येक पृष्ठ पर, आप अपनी सीएसएस फ़ाइल में एक बदलाव कर सकते हैं और उस फ़ाइल का उपयोग करने वाले प्रत्येक पृष्ठ को अपडेट किया जाएगा।
पुराने के साथ बाहर
दृश्य शैलियों को निर्देशित करने के लिए सीएसएस का उपयोग कई वर्षों से वेब डिज़ाइनर का मानक रहा है, इसलिए यदि आप वास्तव में ऐसे पृष्ठ को देख रहे हैं जो अभी भी टैग का उपयोग करता है, तो यह एक बहुत पुराना पृष्ठ है और इसे वर्तमान वेब के अनुरूप पुनर्विकास करने की आवश्यकता है सर्वोत्तम प्रथाओं और आधुनिक वेब मानकों को डिजाइन करें।
जेरेमी गिरार्ड द्वारा संपादित