EPFO APFC 2023 सामान्य अध्ययन · प्रश्न 48 / 100

सही उत्तर — A, (a) नाम (Name) — पारंपरिक HTML में पृष्ठ के भीतर ही किसी स्थान तक पहुँचने के लिए वहाँ एक नामित लंगर (named anchor) बनाना पड़ता है, और वह नाम इसी गुण से दिया जाता है। आंतरिक शृंखलन का अर्थ है एक ही पृष्ठ के भीतर एक स्थान से दूसरे स्थान पर पहुँचना — जैसे किसी लंबे पृष्ठ के ऊपर विषय-सूची बनाकर उससे नीचे के अनुभागों तक कूदना, या नीचे से ‘ऊपर जाइए’ वाली कड़ी लगाना। इसके लिए दो चीज़ें चाहिए : एक गंतव्य, और उस गंतव्य की ओर इशारा करने वाली कड़ी। गंतव्य इस तरह बनता है — लंगर टैग में नाम वाला गुण देकर उस स्थान को एक पहचान दे दी जाती है, जैसे a टैग में name का मान ‘top’ रख देना। और कड़ी इस तरह बनती है — दूसरे लंगर टैग के href में उसी पहचान से पहले हैश चिह्न लगाकर लिखा जाता है, अर्थात् #top। पाठक जब उस कड़ी पर संकेत करता है तो ब्राउज़र नया पृष्ठ नहीं लाता, उसी पृष्ठ को उस चिह्नित स्थान तक खिसका देता है। इसी कारण प्रश्न में ‘अपेक्षित गुण’ नाम को कहा गया है : href तो हर कड़ी में होता ही है, चाहे वह बाहरी हो या आंतरिक, किंतु आंतरिक शृंखलन को संभव बनाने वाली अतिरिक्त शर्त गंतव्य का नामित होना है। एक आधुनिक जोड़ भी ध्यान में रखिए, क्योंकि व्यवहार में अब वही चलता है : HTML5 में a टैग का name गुण अप्रचलित घोषित कर दिया गया और उसकी जगह id गुण ने ले ली, जो किसी भी अवयव पर लगाया जा सकता है। अर्थात् आज शीर्षक पर सीधे id देकर उसी हैश-रूप से उस तक कूदा जाता है। दोनों की कार्य-पद्धति एक ही है — गंतव्य को पहचान दो, कड़ी में हैश के बाद वही पहचान लिखो — और आयोग का उत्तर उसी पारंपरिक रूप से आता है। हिन्दी पाठ में यहाँ एक असली फिसलन है, इसलिए उस पर रुकिए। स्टेम में आंतरिक शृंखलन लिखा है और विकल्प (d) में ‘शृंखला (Link)’ — दोनों शब्द देखने में लगभग एक जैसे हैं, इसलिए जल्दबाज़ी में पढ़ने वाले को लगता है कि प्रश्न का अपना शब्द ही विकल्प में लौट आया है और वही उत्तर होगा। ऐसा है नहीं : यहाँ link एक भिन्न वस्तु है, जिसका आंतरिक शृंखलन से कोई संबंध नहीं।

• (b)संरेखण (Align) — संरेखण गुण उस पुरानी प्रस्तुति-शैली का अंग है जिसमें दिखावट HTML के भीतर ही तय की जाती थी : वह चित्र, सारणी, कोष्ठिका, अनुच्छेद या खंड को बाएँ, दाएँ या मध्य में लगाने के काम आता था। कड़ियों से उसका कोई संबंध नहीं, न वह किसी स्थान को पहचान देता है और न किसी गंतव्य की ओर इशारा करता है। इसके अतिरिक्त, आधुनिक HTML में यह गुण अप्रचलित माना जाता है और वही काम अब शैली-पत्रक (CSS) से किया जाता है, जहाँ text-align जैसे गुणधर्म रखे जाते हैं। विषय-वस्तु और प्रस्तुति को अलग रखने का यही सिद्धांत आधुनिक वेब अभिकल्प का आधार है, और इस विकल्प का सबसे उपयोगी पाठ भी यही है।
• (c)काय (Body) — यह विकल्प श्रेणी ही बदल देता है : काय कोई गुण नहीं, बल्कि एक अवयव अर्थात् टैग है। HTML दस्तावेज़ के दो मुख्य भाग होते हैं — शीर्ष भाग, जिसमें शीर्षक, वर्ण-संकेतन और बाहरी संसाधनों की कड़ियाँ रखी जाती हैं, और काय, जिसमें वह सब रहता है जो पाठक को दिखाई देता है। गुण इनसे भिन्न वस्तु है : वह किसी टैग के आरंभिक भाग के भीतर नाम और मान की जोड़ी के रूप में लिखा जाता है और उस टैग के व्यवहार को नियंत्रित करता है। इसलिए जब प्रश्न ‘गुण’ माँगे और विकल्पों में कोई टैग का नाम रख दिया जाए, तो वह विकल्प इसी आधार पर कट जाता है, चाहे वह टैग कितना ही परिचित क्यों न हो।
• (d)शृंखला (Link) — यह इस प्रश्न का असली जाल है, क्योंकि हिन्दी में ‘शृंखला’ और स्टेम का ‘शृंखलन’ लगभग एक जैसे दिखते हैं। परंतु HTML में link दो भिन्न वस्तुओं का नाम है, और दोनों में से कोई आंतरिक शृंखलन नहीं करती। एक ओर link नाम का अवयव है, जो दस्तावेज़ के शीर्ष भाग में रखा जाता है और बाहरी संसाधन जोड़ता है — सबसे सामान्य प्रयोग बाहरी शैली-पत्रक को जोड़ना है। दूसरी ओर पुराने HTML में काय टैग पर link नाम का गुण होता था, जो बिना देखी गई कड़ियों का रंग तय करता था, और उसी के साथ देखी जा चुकी तथा सक्रिय कड़ियों के रंग के गुण भी थे; ये सभी अब अप्रचलित हैं और उनका काम शैली-पत्रक करते हैं। रंग तय करना या बाहरी फ़ाइल जोड़ना, दोनों ही उसी पृष्ठ के भीतर किसी स्थान तक पहुँचाने का काम नहीं करते।

HTML में कड़ी बनाने का काम लंगर टैग करता है, और उसके href गुण में यह लिखा जाता है कि जाना कहाँ है। वही href तीन तरह के गंतव्य ले सकता है : किसी दूसरी वेबसाइट का पूरा पता, उसी स्थल की किसी दूसरी फ़ाइल का सापेक्ष पता, अथवा हैश चिह्न के बाद उसी पृष्ठ के भीतर की कोई पहचान। तीसरा रूप ही आंतरिक शृंखलन है, और उसके लिए गंतव्य का पहचान-युक्त होना अनिवार्य है — पारंपरिक HTML में लंगर टैग के name गुण से, और HTML5 में किसी भी अवयव के id गुण से, क्योंकि वहाँ a का name गुण अप्रचलित कर दिया गया है। इस प्रश्न को हल करने के लिए एक और भेद स्पष्ट होना चाहिए : अवयव और गुण अलग-अलग वस्तुएँ हैं। अवयव वह टैग है जो दस्तावेज़ की संरचना बनाता है, और गुण उस टैग के भीतर लिखी नाम-मान की जोड़ी है जो उसका व्यवहार तय करती है। विकल्पों में एक अवयव का नाम और एक ऐसा शब्द रखा गया है जो अवयव और गुण दोनों के रूप में मौजूद है, इसलिए यह प्रश्न वस्तुतः इसी भेद की परीक्षा है।

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

• आंतरिक शृंखलन एक ही पृष्ठ के भीतर एक स्थान से दूसरे स्थान तक पहुँचना है, और उसके लिए गंतव्य को पहचान देना अनिवार्य है।
• पारंपरिक HTML में यह पहचान लंगर टैग के name गुण से दी जाती है, और कड़ी के href में हैश चिह्न के बाद वही नाम लिखा जाता है।
• HTML5 में लंगर टैग का name गुण अप्रचलित है और उसकी जगह id गुण प्रयुक्त होता है, जो किसी भी अवयव पर लगाया जा सकता है।
• href तीन प्रकार के गंतव्य ले सकता है — बाहरी पता, उसी स्थल का सापेक्ष पता, अथवा हैश के बाद उसी पृष्ठ की पहचान; तीसरा रूप ही आंतरिक शृंखलन है।
• link नाम का अवयव दस्तावेज़ के शीर्ष भाग में बाहरी संसाधन जोड़ता है, विशेषकर बाहरी शैली-पत्रक; पुराने HTML में काय टैग पर इसी नाम का गुण कड़ियों का रंग तय करता था।
• अवयव और गुण अलग-अलग वस्तुएँ हैं : अवयव टैग है, और गुण उस टैग के भीतर लिखी नाम-मान की जोड़ी; विकल्प (c) एक अवयव का नाम है, गुण का नहीं।

• ‘शृंखला (Link)’ को स्टेम के ‘शृंखलन’ का पर्याय मान लेना; दोनों शब्द मिलते-जुलते हैं, पर link यहाँ बिल्कुल अलग वस्तु है।
• गुण के स्थान पर अवयव चुन लेना; काय एक टैग है, गुण नहीं।
• यह मान लेना कि href ही उत्तर होगा; href हर कड़ी में रहता है, जबकि आंतरिक शृंखलन की अतिरिक्त शर्त गंतव्य का नामित होना है।
• पुराने और नए HTML को मिला देना; नामित लंगर वाला name गुण पारंपरिक रूप है और HTML5 में उसकी जगह id ने ले ली है।
• संरेखण जैसे प्रस्तुति-गुणों को संरचना का अंग मान लेना; उनका काम अब शैली-पत्रक करते हैं।

HTML से इस स्तर पर तीन तरह के प्रश्न आते हैं। पहला प्रकार गुण या टैग की पहचान का है, जैसा यहाँ है, और उसमें विकल्प जान-बूझकर मिलाए जाते हैं — कोई एक अवयव, कोई एक अप्रचलित प्रस्तुति-गुण, और कोई एक ऐसा शब्द जो स्टेम के शब्द से मिलता-जुलता हो। दूसरा प्रकार कार्य पूछता है : किसी टैग या गुण का काम क्या है, अथवा कोई छोटा कूट देकर पूछा जाता है कि पृष्ठ पर क्या दिखेगा। तीसरा प्रकार संरचना का है : शीर्ष भाग में क्या रखा जाता है, काय में क्या, और बाहरी शैली-पत्रक कहाँ से जुड़ता है। तीनों के लिए तैयारी का सबसे किफ़ायती ढंग यह है कि एक पन्ने पर बीस टैग और उनके प्रमुख गुण लिखकर, हर गुण के आगे उसका काम और उसका आधुनिक विकल्प भी नोट कर लीजिए।

इस प्रश्न से सीधे संबंधित कोई पूर्व PYQ उपलब्ध नहीं।

• practice — not a real PYQ

  HTML5 में किसी पृष्ठ के भीतर किसी विशेष स्थान तक कड़ी बनाने के लिए गंतव्य अवयव पर सामान्यतः कौन-सा गुण दिया जाता है?

  • (a)class
  • (b)id
  • (c)rel
  • (d)target

  उत्तर(b) id

• practice — not a real PYQ

  बाहरी शैली-पत्रक (external style sheet) को HTML दस्तावेज़ से जोड़ने के लिए क्या किया जाता है?

  • (a)काय भाग में लंगर टैग लगाया जाता है
  • (b)शीर्ष भाग में link अवयव रखा जाता है
  • (c)प्रत्येक टैग में align गुण जोड़ा जाता है
  • (d)दस्तावेज़ के अंत में name गुण दिया जाता है

  उत्तर(b) शीर्ष भाग में link अवयव रखा जाता है