मार्कअप लैंग्वेज क्या हैं? - वेब डिजाइन

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

यह उदाहरण एक HTML पैराग्राफ है। यह एक उद्घाटन टैग से बना है (

), एक समापन टैग (

), और वास्तविक पाठ जो स्क्रीन पर प्रदर्शित होगा (यह दो टैग के बीच निहित पाठ है)। प्रत्येक टैग में "इससे कम" और "इससे बड़ा" प्रतीक शामिल होता है ताकि इसे मार्कअप के हिस्से के रूप में नामित किया जा सके। जब आप टेक्स्ट को कंप्यूटर या अन्य डिवाइस स्क्रीन पर प्रदर्शित करने के लिए प्रारूपित करते हैं, तो आपको टेक्स्ट और टेक्स्ट के निर्देशों के बीच अंतर करने की आवश्यकता होती है। "मार्कअप" टेक्स्ट को प्रदर्शित करने या प्रिंट करने के लिए निर्देश है।

मार्कअप का कंप्यूटर-पठनीय होना जरूरी नहीं है। प्रिंट या किसी पुस्तक में की गई व्याख्याओं को भी मार्कअप माना जाता है। उदाहरण के लिए, स्कूल में कई छात्र अपनी पाठ्यपुस्तकों में कुछ वाक्यांशों को हाइलाइट करेंगे। यह इंगित करता है कि हाइलाइट किया गया टेक्स्ट आसपास के टेक्स्ट से अधिक महत्वपूर्ण है। हाइलाइट रंग को मार्कअप माना जाता है।

मार्कअप एक भाषा बन जाती है जब नियमों को संहिताबद्ध किया जाता है कि उस मार्कअप को कैसे लिखना और उपयोग करना है। उसी छात्र की अपनी "नोट लेने वाली मार्कअप भाषा" हो सकती है यदि वे "बैंगनी हाइलाइटर है" जैसे नियमों को संहिताबद्ध करते हैं परिभाषाओं के लिए, पीला हाइलाइटर परीक्षा विवरण के लिए है, और मार्जिन में पेंसिल नोट अतिरिक्त संसाधनों के लिए हैं।"

अधिकांश मार्कअप भाषाओं को कई अलग-अलग लोगों द्वारा उपयोग के लिए बाहरी प्राधिकरण द्वारा परिभाषित किया गया है। वेब के लिए मार्कअप भाषाएँ इस प्रकार काम करती हैं। उन्हें W3C या वर्ल्ड वाइड वेब कंसोर्टियम द्वारा परिभाषित किया गया है।

आइए 3 मार्कअप भाषाओं को देखें

वेब पर लगभग हर एक संक्षिप्त शब्द जिसमें "एमएल" होता है वह एक "मार्कअप भाषा" होता है (बड़ा आश्चर्य, यही "एमएल" का अर्थ है)। मार्कअप भाषाएं वेब पेज या सभी आकार और आकार बनाने के लिए उपयोग की जाने वाली बिल्डिंग ब्लॉक हैं।

वास्तव में, दुनिया में कई अलग-अलग मार्कअप भाषाएं हैं। वेब डिज़ाइन और विकास के लिए, तीन विशिष्ट मार्कअप भाषाएँ हैं, जिन पर आपको चलने की संभावना है। ये हैं एचटीएमएल, एक्सएमएल, और एक्सएचटीएमएल.

मार्कअप लैंग्वेज क्या है?

इस शब्द को ठीक से परिभाषित करने के लिए - एक मार्कअप भाषा एक ऐसी भाषा है जो टेक्स्ट को एनोटेट करती है ताकि कंप्यूटर उस टेक्स्ट में हेरफेर कर सके। अधिकांश मार्कअप भाषाएं मानव-पढ़ने योग्य होती हैं क्योंकि एनोटेशन इस तरह से लिखे जाते हैं कि उन्हें टेक्स्ट से ही अलग किया जा सके। उदाहरण के लिए, HTML, XML और XHTML के साथ, मार्कअप टैग हैं।

<

तथा।

>

उन वर्णों में से किसी एक के भीतर प्रकट होने वाले किसी भी पाठ को मार्कअप भाषा का हिस्सा माना जाता है, न कि एनोटेट टेक्स्ट का हिस्सा। उदाहरण के लिए:

HTML — हाइपरटेक्स्ट मार्कअप लैंग्वेज

HTML या हाइपरटेक्स्ट मार्कअप लैंग्वेज वेब की प्राथमिक भाषा है और सबसे आम भाषा है जिसके साथ आप वेब डिज़ाइनर/डेवलपर के रूप में काम करेंगे। वास्तव में, यह एकमात्र मार्कअप भाषा हो सकती है जिसका उपयोग आप अपने काम में करते हैं।

सभी वेब पेज HTML के फ्लेवर में लिखे गए हैं। HTML वेब ब्राउज़र में छवियों, मल्टीमीडिया और टेक्स्ट को प्रदर्शित करने के तरीके को परिभाषित करता है। इस भाषा में आपके दस्तावेज़ (हाइपरटेक्स्ट) को जोड़ने और आपके वेब दस्तावेज़ों को इंटरैक्टिव बनाने के लिए तत्व शामिल हैं (जैसे प्रपत्रों के साथ)। बहुत से लोग HTML को "वेबसाइट कोड" कहते हैं, लेकिन वास्तव में, यह वास्तव में सिर्फ एक मार्कअप भाषा है। कोई भी शब्द पूरी तरह से गलत नहीं है और आप वेब पेशेवरों सहित लोगों को इन दो शब्दों का परस्पर उपयोग करते हुए सुनेंगे।

HTML एक परिभाषित मानक मार्कअप भाषा है। यह पर आधारित है एसजीएमएल (मानक सामान्यीकृत मार्कअप भाषा)। यह एक ऐसी भाषा है जो आपके टेक्स्ट की संरचना को परिभाषित करने के लिए टैग का उपयोग करती है। तत्वों और टैग को < और > वर्णों द्वारा परिभाषित किया जाता है।

जबकि HTML आज तक वेब पर उपयोग की जाने वाली सबसे लोकप्रिय मार्कअप भाषा है, यह वेब विकास के लिए एकमात्र विकल्प नहीं है। जैसे-जैसे HTML विकसित हुआ, यह अधिक से अधिक जटिल होता गया और शैली और सामग्री टैग एक भाषा में संयुक्त हो गए। आखिरकार, W3C ने फैसला किया कि वेब पेज की शैली और सामग्री के बीच एक अलगाव की आवश्यकता है। एक टैग जो केवल सामग्री को परिभाषित करता है वह HTML में रहेगा जबकि शैली को परिभाषित करने वाले टैग को CSS (कैस्केडिंग स्टाइल शीट्स) के पक्ष में हटा दिया गया था।

HTML का नवीनतम क्रमांकित संस्करण HTML5 है। इस संस्करण ने एचटीएमएल में और अधिक सुविधाएं जोड़ीं और एक्सएचटीएमएल द्वारा लगाई गई कुछ सख्ती को हटा दिया (उस भाषा पर शीघ्र ही)।

HTML को जारी करने के तरीके को HTML5 के उदय के साथ बदल दिया गया है। आज, नए, क्रमांकित संस्करण जारी करने की आवश्यकता के बिना नई सुविधाएँ और परिवर्तन जोड़े गए हैं। भाषा के नवीनतम संस्करण को केवल "एचटीएमएल" कहा जाता है।

एक्सएमएल - एक्स्टेंसिबल मार्कअप लैंग्वेज

एक्स्टेंसिबल मार्कअप लैंग्वेज वह भाषा है जिस पर HTML का दूसरा संस्करण आधारित है। HTML की तरह, XML भी SGML पर आधारित है। यह SGML से कम सख्त है और सादे HTML से अधिक सख्त है। एक्सएमएल विभिन्न विभिन्न भाषाओं को बनाने के लिए एक्स्टेंसिबिलिटी प्रदान करता है।

XML मार्कअप लैंग्वेज लिखने के लिए एक भाषा है। उदाहरण के लिए, यदि आप वंशावली पर काम कर रहे हैं, तो आप अपने XML में पिता, माता, पुत्री और पुत्र को इस प्रकार परिभाषित करने के लिए XML का उपयोग करके टैग बना सकते हैं: एक्सएमएल के साथ पहले से ही कई मानकीकृत भाषाएं बनाई गई हैं: गणित को परिभाषित करने के लिए मैथएमएल, मल्टीमीडिया के साथ काम करने के लिए एसएमआईएल, एक्सएचटीएमएल, और कई अन्य।

एक्सएचटीएमएल - विस्तारित हाइपरटेक्स्ट मार्कअप भाषा

एक्सएचटीएमएल 1.0 एचटीएमएल 4.0 को पूरा करने के लिए फिर से परिभाषित किया गया है एक्सएमएल मानक। XHTML को आधुनिक वेब डिज़ाइन में HTML5 और उसके बाद आए परिवर्तनों से बदल दिया गया है। आपको एक्सएचटीएमएल का उपयोग करने वाली कोई नई साइट मिलने की संभावना नहीं है, लेकिन अगर आप बहुत पुरानी साइट पर काम कर रहे हैं, तो भी आप जंगली में एक्सएचटीएमएल का सामना कर सकते हैं।

एचटीएमएल और एक्सएचटीएमएल के बीच बहुत बड़े अंतर नहीं हैं, लेकिन यहां आप देखेंगे:

• XHTML लोअर केस में लिखा जाता है। जबकि एचटीएमएल टैग UPPER केस, MiXeD केस, या लोअर केस में लिखा जा सकता है, सही होने के लिए, XHTML टैग सभी लोअर केस होने चाहिए। (कई वेब पेशेवर सभी लोअरकेस में HTML लिखते हैं, भले ही यह तकनीकी रूप से आवश्यक न हो)।
  • सभी XHTML तत्वों में एक अंतिम टैग होना चाहिए। केवल एक टैग वाले तत्व, जैसे और टैग के अंत में एक क्लोजिंग स्लैश (/) की आवश्यकता है:
• सभी विशेषताओं को एक्सएचटीएमएल में उद्धृत किया जाना चाहिए। कुछ लोग स्थान बचाने के लिए विशेषताओं के आसपास के उद्धरण हटाते हैं, लेकिन वे सही XHTML के लिए आवश्यक हैं।
• XHTML के लिए आवश्यक है कि टैग सही ढंग से नेस्टेड हों। यदि आप एक बोल्ड खोलते हैं () तत्व और फिर एक इटैलिक () तत्व, आपको इटैलिक तत्व को बंद करना होगा () बोल्ड बंद करने से पहले (). (ध्यान दें कि इन दोनों तत्वों को हटा दिया गया है क्योंकि वे दृश्य तत्व हैं। HTML अब उपयोग करता है तथा इन दोनों के स्थान पर)।
• HTML विशेषताओं में एक नाम और एक मान होना चाहिए। विशेषताएँ जो HTML में स्टैंड-अलोन हैं, उन्हें भी मानों के साथ घोषित किया जाना चाहिए, उदाहरण के लिए, HR विशेषता को noshade="noshade" लिखा जाएगा।