HTML ELEMENTS IN HINDI

  17:37    Aakash sen

 यदि हम इस तुलना को देखें, तो हम देख सकते हैं कि html एलिमेंट में वास्तव में दो एलिमेंट हैं: head और body। Head के दो सब-ब्रैंच हैं- एक meta element और एक title। body element में कई headings, paragraphs, and block quote शामिल हैं। 

ध्यान दें कि टैग ओपन और क्‍लोज करने के तरीके में कुछ समरूपता है। 

3) html 

doctype के तुरंत बाद html element आता है – यह डयॉक्‍यूमेंट ट्री का रूट एलिमेंट है और यह जिसे भी फालो करता हैं वह उसका रूट एलिमेंट है। 

यदि root element एक ऐसे डयॉक्‍यूमेंट के संदर्भ में मौजूद है, जिसे XHTML के रूप में इसके doctype द्वारा पहचाना जाता है, तो html एलिमेंट के लिए एक xmlns (XML Namespace) ऐट्रिब्यूट्स की आवश्यकता होती है (यह HTML डाक्यूमेंट्स के लिए आवश्यक नहीं है): 

<html xmlns = “http://www.w3.org/1999/xhtml”> 

यहाँ XHTML ट्रांज़िशनल पेज का एक उदाहरण दिया गया है: 

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><title>Page title</title></head><body></body></html> 

Html एलिमेंट डयॉक्‍यूमेंट को दो मुख्य सेक्‍शन में ब्रेक करता है: head और body 

a) head 

head एलिमेंट में मेटाडेटा-जानकारी है जो डयॉक्‍यूमेंट का वर्णन करती है, या इसे संबंधित रिसोर्सेस से जोड़ता है, जैसे scripts और style sheets कहां जाता हैं। 

नीचे दिए गए सरल उदाहरण में अनिवार्य title एलिमेंट शामिल है, जो डयॉक्‍यूमेंट के title या name का प्रतिनिधित्व करता है-अनिवार्य रूप से, यह पहचानता है कि यह डयॉक्‍यूमेंट क्या है। title के अंदर के कंटेंट का उपयोग एक heading प्रदान करने के लिए किया जा सकता है जो ब्राउज़र के टाइटल बार में दिखाई देता है, और जब यूजर इस पेज को favorite के रूप में सेव करता है। 

यह सर्च इंजन के लिए पेज का एक सार्थक सारांश प्रदान करने के संदर्भ में बहुत महत्वपूर्ण जानकारी है, जो सर्च रिजल्‍ट में टाइटल कंटेंट को डिस्‍प्‍ले करता है। यहाँ title है: 

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><title>Page title</title></head><body></body></html> 

title एलिमें के अलावा, head में भी यह एलिमेंट होते है: 

i) base 

पेज पर लिंक या रिसोर्सेस के लिए base URL को परिभाषित करता है, और विंडो को टार्गेट करता हैं, जिनमें वह कंटेंट ओपन होते है। 

ii) link 

किसी प्रकार के सोर्स को संदर्भित करता है, जो अक्सर एक स्टाइल शीट के लिए होता है जो वेबपेज पर विभिन्न एलिमेंट को कैसे स्टाइल करना है, इसके बारे में निर्देश प्रदान करता है। 

iii) meta 

पेज के बारे में अतिरिक्त जानकारी प्रदान करता है; उदाहरण के लिए, कौन सा कैरेक्‍टर एन्कोडिंग का उपयोग करता है, पेज कंटेंट का सारांश, सर्च इंजन के लिए इंस्‍ट्रक्‍शन कि केंटेंट को इंडेक्‍स करना हैं या नहीं और आदि। 

iv) object 

मीडिया ऑब्जेक्ट के लिए एक सामान्य, बहुउद्देशीय कंटेनर का प्रतिनिधित्व करता है। 

v) script 

शामिल या बाहरी स्क्रिप्ट को संदर्भित करने के लिए उपयोग किया जाता है। 

vi) style 

एम्बेडेड (पृष्ठ-विशिष्ट) CSS styles को परिभाषित करने के लिए एक क्षेत्र प्रदान करता है। 

ये सभी एलिमेंट वैकल्पिक हैं और head के भीतर किसी भी क्रम में दिखाई दे सकते हैं। ध्यान दें कि यहां लिस्‍टेड कोई भी एलिमेंट वास्तव में प्रदान किए गए पेज पर दिखाई नहीं देते हैं, लेकिन उनका उपयोग पेज पर कंटेंट को प्रभावित करने के लिए किया जाता है, जो सभी इन एलिमेंट के अंदर परिभाषित होते हैं। 

b) body 

यह वह जगह है जहाँ पेज के कंटेंट होते है। सब कुछ जो आप ब्राउज़र विंडो में देख सकते हैं इस एलिमेंट के अंदर समाहित है, जिसमें पैराग्राफ, लिस्‍ट, लिंक, पिक्‍चर, टेबल, और बहुत कुछ शामिल है। Body एलिमेंट के अपने कुछ विशिष्ट ऐट्रिब्यूट्स हैं, लेकिन इसके अलावा, इस एलिमेंट के बारे में कहने के लिए बहुत कम है। पेज कैसा दिखता है यह पूरी तरह से उस कंटेंट पर निर्भर करेगा जिसे आप इसे भरने का निर्णय लेते हैं। 

संक्षेप में- 

<! DOCTYPE html> – कोड का एक टुकड़ा जो ब्राउज़र को बताता है कि उसे किस प्रकार की जानकारी मिल रही है, ताकि वह आपके वेब पेज को ठीक से डिस्‍प्‍ले कर सके। 

<html> – आपके सभी कोड टैग इसके बीच होने चाहिए। 

<head> – अपने वेब पेज के बारे में सिन के पिछे कि इनफॉर्मेशन यहां पर होती हैं, जैसे पेज का टाइटल और CSS स्‍टाइलशीट कि लिंक। 

<title> –  title टैग के बीच के कंटेंट वेब पेज पर दिखाई नहीं देते है, लेकिन आप इसे सर्च इंजन रिजल्‍ट और ब्राउज़र टैब में देखेंगे। 

<body> – वह सब कुछ जो ब्राउज़र में डिस्‍प्‍ले होता है – header, navigation, images, content – सभी body टैग के बीच होता है। 

x