HTML div Tag क्या है - ldkalink
HTML <div> Tag क्या है: इससे पहले वाले आर्टिकल में हमने एचटीएमएल क्या होता है इसका यूज क्यों किया जाता है किस तरह से इसे उपयोग में लाया जाता है इन सब के बारे में विस्तार से जाना था।
पर अभी हम HTML में <div> Tag kya hota hai या किसे कहा जाता है और कैसे इसका उपयोग (use) क्यों किया जाता है इन सब के बारे में आज के इस आर्टिकल में www.ldkalink.com पर हम जाने वाले हैं।
 |
| HTML div Tag क्या है |
HTML <div> Tag क्या है/what is HTML <div> Tag in Hindi
"HTML document में <div> Tag की सहायता से एक सेक्शन या डिविजन क्रिएट किया जाता है जिसे CSS की सहायता से स्टाइलिश लुक दिया जाता है।"
अतः HTML <div> Tag को निम्न प्रकार से परिभाषित किया जा सकता है।
HTML <div> Tag परिभाषा (definition) और उपयोग (Usage)
HTML document में <div> Tag का उपयोग एक एरिया बनाने के लिए किया जाता है जिसके अंदर हम अपने वेबपेज के कांटेक्ट को रख सकते हैं।
<div> Tag का यूज एचटीएमएल एलिमेंट में एक कंटेनर के रूप में भी होता है जिसमें सीएसएस अप्लाई करके इसे स्टाइलिश बनाया जाता है साथ ही इसमें जावास्क्रिप्ट का भी उपयोग कर सकते है।
<div> Tag को बड़ी ही आसानी से class या id अटरीब्यूट से स्टाइल किया जा सकता है।
<div> Tag के अंदर किसी भी तरह के कंटेंट को रखा जा सकता है कंटेंट जैसे की पैराग्राफ, या फिर कोई इमेज भी हो सकता है।
Note: डिफॉल्टर से <div> एलिमेंट के पहले और बाद में एक लाइन ब्रेक का उपयोग जाता है जिससे ब्राउज़र जैसे कि गूगल, मोज़िला, सफारी, ओपेरा ये सभी इसे सपोर्ट करते हैं।
<div> Tag जो की एचटीएमएल में global attributes को भी सपोर्ट करता है।
<div> Tag द्वारा एचटीएमएल में event attributes को भी सपोर्ट करता है।
HTML <div> Tag उदाहरण (example)
आपने कभी नोटिस किया होगा कि जब भी हम किसी वेब ब्राउज़र को ओपन करके सर्च इंजन में कोई कीवर्ड टाइप करके किसी वेबसाइट तक पहुंचाते हैं।
तो जैसे ही हम किसी वेबसाइट को ओपन करते हैं तो हम देखते हैं कि इसके अंदर कई सारे ब्लॉक दिखाई देते हैं ब्लॉक का मतलब है कि एरिया क्रिएट करना जहा कंटेंट को रखा जा सके।
जैसे की एक हेडर एरिया जिसमे website का टाइटल, नेविगेशन बार और फिर सर्च बटन भी होता है यदि हम इन्हें एक सेक्शन में रखना है तो इसके लिए हम एक <div> Tag का उपयोग करते है।
इसी तरह से पोस्ट एरिया भी होता है जहा पर वेबसाइट के सारे पोस्ट दिखाई देते है एक sidebar एरिया भी होता है जहा पर कैटेगरीज को दिखाया जाता है कुछ पेजेज को सोशल आइकॉन को शो कराया जाता है।
इस प्रकार हम देखते हैं कि पूरा वेबसाइट जो है अलग-अलग कई तरह के ब्लॉक में बटा हुआ होता है तो इस तरह के ब्लॉक को बनाने के लिए <div> Tag का उपयोग करना पड़ता है।
और फिर इन <div> के अंदर ही अपने कांटेक्ट को रखा जाता है जिससे कि एक वेबसाइट के अंदर पूरा कंटेंट अच्छी तरह से मैनेज किया गया होता है।
यदि एचटीएमएल डॉक्यूमेंट में एरिया बनाना हो तो इसके लिए <body> सेक्शन के अंदर एक <div> बनाते है और इसे क्लोज करने के लिए </div> का उपयोग किया जाता है और फिर पूरा कंटेंट इसके बीच में ही लिखा जाता है।