HTML quotation and citation elements - ldkalink
HTML quotation and citation elements: आज के इस आर्टिकल में हम <blockquote>, <q>, <abbr>, <address>, <cite>, <bdo> elements के बारे में विस्तार से जाने वाले हैं कि आखिर इन सबका यूज HTML में कब और कैसे किया जाता है।
 |
| HTML quotation and citation elements |
उदाहरण/example
WWF वेबसाइट का एक उदाहरण यहां देखते हैं:
60 साल से WWF द्वारा यह काम किया जा रहा है की लोगों को हेल्प मिल सके साथ ही प्रकृति भी सही तरीके से बना रहे इसके लिए WWF द्वारा 100 से भी अधिक देशों के लिए काम किया जा रहा है जहां तक हो सके दुनिया के लोगों के साथ मिलकर नवीन समाधान विकसित करने का प्रयास किया जाता है जिससे कि समुदायों, आसपास की जगह, वर्ल्डलाइफ की सुरक्षा की जा सके।
HTML <blockquote> का उपयोग quotations के लिए करना
HTML <blockquote> के द्वारा यह बताया जाता है कि यह एक तरह का सेक्शन है जो की अन्य source से quoted है।
HTML में जब <blockquote> का उपयोग किया जाता है तो ब्राउज़र द्वारा बड़ी आसानी से ही इसे इंडेंट कर लिया जाता है।
उदाहरण
<P> WWF वेबसाइट का ही एक उदाहरण यहां देखते हैं: </P><blockquote cite=" http://www.worldwildlife.org/who/index.html">60 साल से WWF द्वारा यह काम किया जा रहा है की लोगों को हेल्प मिल सके साथ ही प्रकृति भी सही तरीके से बना रहे WWF द्वारा 100 से भी अधिक देशों के लिए काम किया जा रहा है जहां तक हो सके दुनिया के लोगों के साथ मिलकर नवीन समाधान विकसित करने का प्रयास किया जाता है जिससे कि समुदायों, आसपास की जगह, वर्ल्डलाइफ की सुरक्षा की जा सके।</blockquote>
HTML <q> का उपयोग short quotations के लिए करना
जब कभी हमें short quotations को दर्शाना होता है तो इसके लिए एचटीएमएल में <q> tag का उपयोग किया जाता है।
इसका उपयोग करने पर इसके अंदर जो टेक्स्ट लिखा होता है इसे ब्राउज़र द्वारा नॉर्मली कोटेशन मार्क करके दिखाया जाता है।
उदाहरण
<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>
ऊपर कोड में आप देख सकते हैं कि जो पैराग्राफ के अंदर लिखा गया है इसमें इसके वेबसाइट का उद्देश्य को बताया गया है लेकिन कोटेशन के अंदर इस वेबसाइट का उद्देश्य क्या है इसको बताया गया है।
HTML <abbr> का उपयोग abbreviations के लिए करना
जब किसी के नाम को शॉर्ट में लिखना होता है यानी नाम को संक्षेप में लिखा जाता है तो उसके लिए एचटीएमएल में <abbr> tag का उपयोग किया जाता है जैसे की "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM" आदि।
जब किसी टेक्स्ट को abbreviations के अंदर लिखा जाता है तो इसे ब्राउज़र को समझने में काफी हेल्प मिलती है।
Tip: जब हम चाहते हैं की संक्षिप्त नाम पर माउस का कर्सर ले जाने पर इसका विवरण दिखने लगे तो इसके लिए ग्लोबल टाइटल अटरीब्यूट का उपयोग किया जाता हैं।
उदाहरण
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
ऊपर के कोड में आप देख सकते है जो टेक्स्ट abbr के अंदर लिखा गया है और इसके जो संक्षिप्त नाम यानि की WHO लिखा गया है यदि इस वर्ड पर अगर माउस का कर्सर ले जाते है तो इसका पूरा नाम World Health Organization दिखाई देने लगता है जैसे ही माउस का पॉइंटर हटाते है विवरण abbr के अंदर लिखा गया टेक्स्ट हाईड हो जाता है।
HTML <address> का उपयोग contact information के लिए करना
इसका उपयोग तब किया जाता है जब किसी लेखक के कॉन्टैक्ट इनफॉरमेशन या किसी कंपनी के एड्रेस, ऑफिस के एड्रेस को दर्शाना होता है तो इसके लिए <address> tag का उपयोग किया जाता है।
कॉन्टैक्ट इनफॉरमेशन कई तरह से हो सकते हैं जैसे कि एक ईमेल ऐड्रेस, कोई यूआरएल या फिर कोई फिजिकल ऐड्रेस, किसी का फोन नंबर, सोशल मीडिया हैंडल आदि हो सकता है।
<address> element में टेक्स्ट हमेशा इटैलिक फॉर्म में ही लिखे जाते हैं और ब्राउज़र द्वारा एड्रेस एलिमेंट के पहले और बाद में एक ब्रेक लाइन ऐड कर दिया जाता है।
उदाहरण
<address>Written by LD<br>Visit us at:<br>ldkalink.com<br>Box 253, chhattisgarh<br>INDIA</address>
HTML <cite> का उपयोग work title के लिए करना
जब कभी भी किसी एक क्रिएटिव वर्क के टाइटल को बताना होता है तो इसके लिए एचटीएमएल में <cite> tag का उपयोग किया जाता है जैसे की एक बुक, एक कविता, एक गीत, एक फिल्म, एक पेंटिंग आदि।
Note: किसी व्यक्ति के नाम को दर्शाने के लिए इसका उपयोग कभी नहीं किया जाता है।
<cite> element के अंतर्गत जो टेक्स्ट लिखा जाता है वह इटैलिक फॉर्म में प्रस्तुत होता है।
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1900.</p>
HTML <bdo> का उपयोग Bi-directional override के लिए करना
जब किसी टेस्ट के डायरेक्शन को बदलना होता है तो इसके लिए एचटीएमएल में <bdo> tag का उपयोग किया जाता है।
<p>If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl):</p><bdo dir="rtl">This text will be written from right to left</bdo>
इस कोड में लिखा हुआ टेक्स्ट को अभी आसानी से पढ़ा जा सकता है क्योंकि यह अभी सिंपल तरीके से लिखा गया यानी टेक्स्ट लेफ्ट से राइट होते हुए जा रहा है लेकिन जब <bdo> का उपयोग करके इसे लिखा जाता हैं तो यही टेक्स्ट को हम राइट से लेफ्ट होते हुए भी कर सकते है।
टिप्पणियाँ
एक टिप्पणी भेजें
please do not enter any spam link in the comment box.