लेआउट: सिमेंटिक मार्कअप में संक्रमण HTML का मुख्य लक्ष्य है

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

आपको याद दिला दूं कि शब्दार्थ भाषाविज्ञान का एक भाग है जो भाषण में अर्थ संरचनाओं को उजागर करने के संबंधों और तरीकों का अध्ययन करता है। उदाहरण के लिए, प्रस्तावक सदस्यों की परिभाषा (विषय, विधेय, जोड़, परिभाषा), रिश्तों का अध्ययन और उनमें अंतर्निहित अर्थ (कार्रवाई का विषय / वस्तु क्या है, और उनका विवरण क्या स्पष्ट करता है, आदि)।

HTML से पहले, दस्तावेजों के सिमेंटिक मार्कअप का कार्य उपयोग करके हल किया गया था:

• टीएक्स (1978 प्रौद्योगिकी) मॉक अकादमिक प्रकाशनों के लिए
• SGML (1968 प्रौद्योगिकियाँ) कार्यों की एक विस्तृत श्रृंखला के लिए। एसजीएमएल अपने वंशज एक्सएमएल के समान है, कई नियमों के अपवाद के साथ, जो कुछ मामलों में मार्कअप की रीडिंग को काफी जटिल करते हैं, जैसे टैग में कोष्ठक नहीं लगाने की अनुमति।

दूसरे शब्दों में, यदि TeX को प्रोटोटाइपिंग विश्वविद्यालय की रिपोर्ट, वैज्ञानिक पत्रों और इसी तरह की जरूरतों के लिए कड़ाई से अनुकूलित किया गया था, तो SGML ने रिलेशनल डेटाबेस के समान सूचना संरचनाएं बनाने की अनुमति दी, यानी ईआर-मॉडल (इकाई-संबंध) को लागू करना।

(ईआर मॉडल का उदाहरण)

(एक ईआर रिश्ते का उदाहरण)

ईआर मॉडल एक डेटाबेस में संस्थाओं और उनके बीच संबंधों को परिभाषित करने का एक तरीका है। ईआर-संबंधों के उदाहरण: एक से एक, एक से कई, कई से कई संबंध (संस्थाओं के संबंध), एकत्रीकरण (सामान्यीकरण और एक इकाई को दूसरे में शामिल करना) और इसी तरह।

टिम बर्नर्स लिआह, 80 के दशक के अंत में वेब बनाने, एसजीएमएल को एक आधार के रूप में लेते हुए, सिंटैक्स को सरल बनाया, वेब पेज लेआउट के लिए पूर्वनिर्धारित टैग की एक सूची बनाई, जिसके उपयोग के लिए नियमों को डीटीडी (एसजीएमएल परिवार की एक तकनीक जो टैग के उपयोग को नियंत्रित करती है - जो अनुमत विशेषताओं की सूची है) का उपयोग कर सेट किया गया था। , नेस्टेड टैग, पाठ सामग्री के लिए अनुमति) और हमें HTML 1.0 मिला

इस प्रकार, एसजीएमएल-आधारित HTML मूल रूप से डेटाबेस के समान शर्तों के दस्तावेज़ की संरचना और सामग्री को निर्धारित करने के लिए, इसके भागों के ईआर संबंधों के संदर्भ में एक दस्तावेज़ की संरचना का वर्णन करने के लिए किया गया था।

अब ऐसी स्थिति की कल्पना करें जहां किसी भी दिशा में जीयूआई बटन को स्थानांतरित करने के लिए एक आवेदन कार्यक्रम में किसी भी दिशा में आपको डेटाबेस संरचना को संपादित करना होगा। यह विरोधाभासी है, लेकिन आधुनिक वेब पर यह चीजों के क्रम में है - बहुत बार किसी भी तत्व (GUI- बटन) को नेत्रहीन रूप से स्थानांतरित करने के लिए आपको HTML संरचना (डेटाबेस ) को बदलना होगा !

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

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

सारांश - HTML द्वारा निर्दिष्ट वेब पेज का DOM मॉडल वेब दस्तावेज़ की सामग्री और संरचना के साथ एक डेटाबेस के रूप में माना जाना चाहिए और किसी भी स्थिति में यह पृष्ठ पर शैलीगत तत्वों के परिवर्तन के आधार पर नहीं बदलना चाहिए।