HTML में इसके आस-पास के टेक्स्ट से स्रोतों को उद्धृत करने या उद्धरणों को समझने के कई तरीके हैं। आज, हम HTML कोटेशन तत्वों पर जाते हैं:<blockquote> , <q> , <abbr> , <address> , <bdo> और <cite> . प्रत्येक के अपने विशिष्ट उपयोग के मामले होते हैं - हम प्रत्येक के बीच अंतर करते हैं और आपको दिखाते हैं कि उन्हें अपने मार्कअप में कैसे उपयोग किया जाए।
ब्लॉककोट
<blockquote> तत्व का उपयोग बहु-पंक्ति, लंबे उद्धृत पाठ के लिए किया जाता है। तत्व का उपयोग उद्धरण को आसपास के पैराग्राफ या अन्य HTML तत्वों से अलग करने के लिए किया जाता है। इस उदाहरण को देखें जो एक निश्चित प्रसिद्ध नाटककार के एकांत का उपयोग करता है:
<शैली> बॉडी { फॉन्ट-फ़ैमिली:'रोबोटो'; मार्जिन:20px; } ब्लॉकक्वाट पी {चौड़ाई:80%; मार्जिन:0px 20px; टेक्स्ट-एलाइन:राइट; }
लोरेम इप्सम डोलर सिट एमेट, कॉन्सेक्टेटूर एडिपिसिसिंग एलीट। टेम्पोरा डोलोरिबस क्यूए मोलिटिया विटे इन्वेंटरी माइनस सेड आईडी यूट फेसरे ऑफिसिस कपिडिटेट कॉर्पोरिस, राशन, नेक रिपेलैट क्यूम टेम्पोरीबस, डिक्टा एट लेबर। लोरेम इप्सम डोलर सिट एमेट कंसेक्टेटूर एडिपिसिसिंग एलीट। इओस एलिकम एडिपिसि एट ईयरम, ऑप्टियो कॉन्सेक्वेटुर एट, उर्फ करप्टी वॉलुप्टाटम वॉलुपेट्स रिपेलेंडस, टेनेटूर सस्सिपिट क्यूई नोस्ट्रम टोटम वेरिटैटिस डोलोरेमक्यू लेबरम ऑफिसिया! लोरेम इप्सम डोलर सिट एमेट कंसेक्टेटूर एडिपिसिसिंग एलीट। एक्सर्सिटेशनम नोस्ट्रम वॉलुपेट, परफेरेंडिस एमेट हिक टोटम पर्सपिसियाटिस एक्सेचुरी। नाम एरम, नेक, निहिल मैग्नी एलिक्विड आईडी में, इस्ते डेसेरुंट टेम्पोर कॉरपोरेशन ईक?
<ब्लॉकक्वॉट> "होना या न होना:यही सवाल है:क्या 'दिमाग में अच्छा है कि गोफन सहने के लिए और अपमानजनक भाग्य के तीर, या मुसीबतों के समुद्र के खिलाफ हथियार लेने के लिए, और विरोध करके उनका अंत करें..."
—हेमलेट, एक्ट III, सीन I
ब्लॉकक्वाट>
लोरेम इप्सम डोलर सिट एमेट, कॉन्सेक्टेटूर एडिपिसिसिंग एलीट। टेम्पोरा डोलोरिबस क्यूए मोलिटिया विटे इन्वेंटरी माइनस सेड आईडी यूट फेसरे ऑफिसिस कपिडिटेट कॉर्पोरिस, राशन, नेक रिपेलैट क्यूम टेम्पोरीबस, डिक्टा एट लेबर। लोरेम इप्सम डोलर सिट एमेट कंसेक्टेटूर एडिपिसिसिंग एलीट। इओस एलिकम एडिपिसि एट ईयरम, ऑप्टियो कॉन्सेक्वेटुर एट, उर्फ करप्टी वॉलुप्टाटम वॉलुपेट्स रिपेलेंडस, टेनेटूर सस्सिपिट क्यूई नोस्ट्रम टोटम वेरिटैटिस डोलोरेमक्यू लेबरम ऑफिसिया! लोरेम इप्सम डोलर सिट एमेट कंसेक्टेटूर एडिपिसिसिंग एलीट। एक्सर्सिटेशनम नोस्ट्रम वॉलुपेट, परफेरेंडिस एमेट हिक टोटम पर्सपिसियाटिस एक्सेचुरी। नेम ईयरम, नेक, निहिल मैग्नी एलिक्विड आईडी में, इस्ते डेसेरुंट टेम्पोर कॉरपोरिस ईक?
q
<q> तत्व एक छोटे उद्धरण के चारों ओर उद्धरण चिह्न लगाता है। यह एक इनलाइन तत्व है, बहुत कुछ या की तरह, लेकिन उद्धरणों के लिए। यदि आपकी बोली कई पंक्तियों में फैली हुई है, तो आपको इसके बजाय का उपयोग करना चाहिए।
<शैली> बॉडी { फॉन्ट-फ़ैमिली:'रोबोटो'; मार्जिन:20px; }
मेक-ए-विश फाउंडेशन का मिशन स्टेटमेंट है साथ में, हम गंभीर बीमारियों वाले बच्चों के लिए जीवन बदलने वाली इच्छाएं पैदा करते हैं।
abbr
कई बार आप अपने लेखन के प्रवाह में इसे शामिल किए बिना एक संक्षिप्त शब्द को परिभाषित करना चाहते हैं। आप <abbr> . के साथ ऐसा करते हैं उपनाम। यह , , या के समान एक इनलाइन तत्व भी है। अपने टैग में शीर्षक विशेषता के अंदर अपना संक्षिप्त नाम परिभाषित करें।
<शैली> बॉडी { फॉन्ट-फ़ैमिली:'रोबोटो'; मार्जिन:20px; } COVID-19 पहली बार दिसंबर 2019 में चीन के वुहान में खोजा गया था। पता
पता तत्व निर्माता, या तो एक व्यक्ति या व्यवसाय, और निम्न में से किसी के लिए संपर्क जानकारी को परिभाषित करता है:भौतिक पता, ईमेल पता, सोशल मीडिया लिंक, फोन नंबर, व्यक्तिगत वेबसाइट, और अन्य संपर्क जैसी वस्तुएं।
टेक्स्ट इटैलिक में रेंडर होता है और एड्रेस ब्लॉक के पहले और बाद में लाइन ब्रेक होता है।
<शैली> बॉडी { फॉन्ट-फ़ैमिली:'रोबोटो'; मार्जिन:20px; } <पता> क्रिस्टीना कोपेकी द्वारा करियर कर्म के लिए लिखित
अन्य लेख:कैरियर कर्म लेखक पृष्ठ
ट्विटर:@cmvnk
Github:ckopecky
bdo
दाएं से बाएं पढ़ने वाली भाषाओं के साथ काम करते समय, ऐसे टैग का उपयोग करना आसान होता है जो आपके लिए टेक्स्ट को दाएं से बाएं रेंडर करता है, न कि इसे स्वयं करने का प्रयास करने के लिए। <bdo> का उपयोग करें एक द्वि-दिशात्मक ओवरराइड के साथ पाठ प्रस्तुत करने के लिए तत्व। यह एक डीआईआर विशेषता लेता है जो दिशा को इंगित करेगा। डिफ़ॉल्ट "ltr" है। "आरटीएल" टेक्स्ट को दाएं से बाएं प्रस्तुत करेगा।
<शैली> बॉडी { फॉन्ट-फ़ैमिली:'रोबोटो'; मार्जिन:20px; } यह दाएँ से बाएँ रेंडर करता है
यह बाएँ से दाएँ रेंडर करता है उद्धरण
उद्धरण तत्व अंतिम उद्धरण तत्व है जिसके बारे में हम आज बात करते हैं। उद्धरण टैग एक रचनात्मक कार्य के शीर्षक को परिभाषित करता है। यह एक इनलाइन तत्व है और इटैलिक में प्रस्तुत करता है।
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।
<शैली> बॉडी { फॉन्ट-फ़ैमिली:'रोबोटो'; मार्जिन:20px; } पी { मार्जिन:0; पैडिंग:0; }
मोना लिसा, लियोनार्डो दा विंची
द लौवर (1797 से)
निष्कर्ष
पिछली समीक्षा। आज हमने देखा है:
<blockquote>- लंबे उद्धरणों के लिए उपयोग किया जाता है<q>- छोटे उद्धरणों के लिए उपयोग किया जाता है जो अब एक पंक्ति से अधिक नहीं हैं<abbr>- हमारे पाठ में संक्षिप्ताक्षरों को परिभाषित करने के लिए उपयोग किया जाता है<address>- निर्माता या लेखक के लिए संपर्क जानकारी को परिभाषित करने के लिए उपयोग किया जाता है<bdo>- यह नियंत्रित करने के लिए प्रयोग किया जाता है कि टेक्स्ट बाएं से दाएं या दाएं से बाएं रेंडर किया गया है या नहीं-
<cite>- किसी चीज़ के शीर्षक को परिभाषित करने के लिए उपयोग किया जाता है
कई उद्धरण तत्व हैं और प्रत्येक का अपना उपयोग मामला है। अपने प्रोजेक्ट के लिए सही (ओं) को सही करना सुनिश्चित करें!