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