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