HTML उद्धरण
आप पहले ही स्वरूपण टैग से महत्व और ज़ोर चिह्नित कर चुके हैं। उद्धरण अलग हैं: आप किसी और के शब्द (या किसी कृति का अंश) दोहरा रहे हैं, और HTML को यह स्पष्ट कहना चाहिए। समर्पित उद्धरण तत्व ब्राउज़रों, सहायक उपकरणों और पाठकों को उद्धरण को आपके आसपास के गद्य से अलग पहचानने में मदद करते हैं — जो केवल सजावटी उद्धरण चिह्न पूरी तरह नहीं बता पाते। जब अर्थ सही टैग में रहता है, तो सामग्री मनुष्यों और मशीनों दोनों के लिए स्पष्ट रहती है, भले बाद में रूप बदल जाए।
HTML में उद्धरण किसे माना जाता है?
उद्धरण वह पाठ है जिसे आप किसी अन्य वक्ता, लेखक या स्रोत से आया हुआ प्रस्तुत करते हैं। यह आपके वाक्य के अंदर एक छोटा वाक्यांश हो सकता है, या अपने ब्लॉक के रूप में अलग खड़ा लंबा अंश। HTML छोटे इनलाइन मामले के लिए q और लंबे ब्लॉक मामले के लिए blockquote देता है। स्रोतों के लिए अतिरिक्त उपकरण हैं: दिखाई देने वाले कृति-शीर्षक के लिए cite तत्व, और मशीन-पठनीय स्रोत URL के लिए blockquote पर cite विशेषता। लक्ष्य केवल पृष्ठ सजाना नहीं, बल्कि ईमानदारी से यह बताना है कि ये शब्द किसी बाहरी स्रोत से जुड़े हैं और उस क्षण आपकी मुक्त रचना नहीं हैं।
सीधा उत्तर
वाक्य के अंदर छोटे उद्धरण के लिए q का उपयोग करें। अपने आप खड़े लंबे उद्धृत खंड के लिए blockquote का उपयोग करें। जब पाठकों को मदद मिले, दिखाई देने वाले पाठ में cite तत्व से कृति या लेख का नाम लिखें। blockquote पर आप cite="https://…" भी स्रोत URL पर सेट कर सकते हैं — वह URL मशीनों के लिए है और आमतौर पर अकेले पठनीय शीर्षक के रूप में नहीं दिखता। संक्षेप में: उद्धरण की लंबाई और स्थान के अनुसार टैग चुनें, फिर ज़रूरत पड़ने पर दिखाई देने वाली श्रेय-पंक्ति जोड़ें ताकि स्रोत केवल उस विशेषता में छिपा न रह जाए जिसे आगंतुक देखता ही नहीं।
एक नज़र में उद्धरण उपकरण
📊 q, blockquote और cite
| उपकरण | भूमिका | सामान्य स्थान |
|---|---|---|
| q | छोटा इनलाइन उद्धरण | पैराग्राफ या वाक्य के अंदर |
| blockquote | लंबा उद्धृत अंश | अपना ब्लॉक, अक्सर नेस्टेड p के साथ |
| cite तत्व | दिखाई देने वाले पाठ में कृति का शीर्षक | उद्धरण के पास चलता पाठ |
| cite विशेषता | blockquote के लिए स्रोत URL | blockquote के आरंभ टैग पर |
q के साथ छोटे इनलाइन उद्धरण
जब उद्धृत शब्द आपके अपने वाक्य के अंदर बैठते हैं, उन्हें q में लपेटें। अधिकांश ब्राउज़र आपके लिए उद्धरण चिह्न जोड़ देते हैं। आप फिर भी बोले या लिखे गए शब्द टैगों के बीच लिखते हैं; आमतौर पर घुमावदार उद्धरण चिह्न हाथ से टाइप करने की ज़रूरत नहीं होती। यह टैग आपकी कथा में छोटे उद्धृत वाक्य या प्रसिद्ध मुहावरे के लिए उपयुक्त है, पूरे कॉपी किए लेख के लिए नहीं। यदि उद्धरण कई स्वतंत्र वाक्यों तक फैले, अनावश्यक रूप से कई q ढेर करने के बजाय blockquote सोचें।
q के साथ इनलाइन उद्धरण
html<p>
She said <q>Practice every day</q> and closed the book.
</p>उदाहरण पढ़ना
- बाहरी
pआपकी कथा है qकेवल उद्धृत वाक्यांश लपेटता हैqबंद करने पर वाक्य का शेष सामान्य गद्य पर लौटता है- यदि यह लंबा बहु-वाक्य अंश होता, तो
blockquoteबेहतर फिट होता - ध्यान दें कि «ये उद्धृत शब्द हैं» का अर्थ टैग में है, केवल फॉन्ट शैली में नहीं
blockquote के साथ लंबे अंश
जब उद्धरण इतना लंबा हो कि अपना ब्लॉक बन सके — अक्सर एक या अधिक पैराग्राफ — तब blockquote उपयोग करें। उद्धृत सामग्री blockquote के अंदर रखें। cite विशेषता स्रोत URL संग्रहीत कर सकती है। मनुष्यों के लिए पठनीय कृति-शीर्षक दिखाई देने वाले पाठ में cite तत्व से लिखें, आमतौर पर उद्धरण के पास। कई साइटें डिफ़ॉल्ट रूप से blockquote को इंडेंट करती हैं; वह इंडेंट केवल प्रस्तुति है। यदि आप वास्तव में उद्धृत नहीं कर रहे, केवल «पाठ सरकाने» के लिए टैग न चुनें।
स्रोत URL के साथ ब्लॉक उद्धरण
html<blockquote cite="https://example.com/tips">
<p>Clear HTML is easier to maintain than clever HTML.</p>
<p>Readers thank you for structure they can trust.</p>
</blockquote>cite विशेषता अकेले क्यों पर्याप्त नहीं
cite विशेषता उपकरणों और कुछ जाँच कार्यक्रमों को स्रोत URL बताती है। कई आगंतुक विशेषता मान कभी नहीं देखते। लोगों को भी एक पठनीय श्रेय-पंक्ति दें। विशेषता (मशीनों के लिए) और cite तत्व वाला दिखाई देने वाला शीर्षक (मानवों के लिए) दोनों ज़रूरतों को कवर करते हैं बिना भूमिकाएँ मिलाए। केवल पैराग्राफ में शीर्षक बिना URL पाठकों के लिए ठीक हो सकता है; बिना दिखाई देने वाले शीर्षक की URL अक्सर लोगों को आवश्यक श्रेय नहीं देती।
cite के साथ दिखाई देने वाला स्रोत शीर्षक
html<p>Source: <cite>Example Tips</cite></p>q बनाम blockquote चुनना
दो प्रश्न पूछें: उद्धरण कितना लंबा है? क्या यह वाक्य बीच में काटता है या अकेला खड़ा है?
- आपके वाक्य के अंदर छोटा वाक्यांश →
q - अपने ब्लॉक के रूप में लंबा अंश →
blockquote - चलते पाठ में पुस्तक, लेख या साइट का शीर्षक →
citeतत्व - ब्लॉक उद्धरण के लिए स्रोत URL →
blockquoteपरciteविशेषता
पूरे पृष्ठ को केवल इंडेंट के लिए एक विशालblockquoteमें न लपेटें। इंडेंट प्रस्तुति है;blockquoteवास्तविक उद्धरणों के लिए है। दोनों उपयोग मिलाने पर आप पाठकों और सहायक उपकरणों को भ्रमित करते हैं, और पृष्ठ «पूरी तरह उद्धृत» लग सकता है जबकि अधिकांश आपका अपना गद्य है। लंबाई और स्थान को सरल मानदंड रखें, फिर ज़रूरत पर दिखाई देने वाली श्रेय जोड़ें।
अर्थ बनाम केवल CSS से उद्धरण चिह्न
आप CSS या टाइप किए " अक्षरों से चिह्न नकली बना सकते हैं। असली उद्धरण के लिए q या blockquote को प्राथमिकता दें ताकि दस्तावेज़ अर्थ चिह्नित करे। दृश्य चिह्न फिर भी आ सकते हैं — ब्राउज़र अक्सर q को उद्धरण चिह्नों से स्टाइल करते हैं — लेकिन तत्व भूमिका रखता है भले स्टाइलशीट बाद में रूप बदल दे। केवल सजावट गायब हो सकती है या उपकरणों पर अलग दिखे; HTML में अर्थगत भूमिका स्वचालित पठन और पहुँच-योग्यता के लिए अधिक स्पष्ट और स्थिर रहती है।
अपने संपादक में अभ्यास
- एक पैराग्राफ लिखें जिसमें काल्पनिक कोच या शिक्षक का एक छोटा
qउद्धरण हो। - काल्पनिक लेख से दो छोटे वाक्यों वाला
blockquoteजोड़ें। - उसके नीचे लेख-शीर्षक नाम देने के लिए
citeवाली एक पंक्ति जोड़ें। - वैकल्पिक रूप से
blockquoteपरcite="https://example.com/article"सेट करें। - सहेजें और पृष्ठ खोलें। जाँचें कि इनलाइन और ब्लॉक उद्धरण अलग दिखें।
- अस्थायी रूप से
qको सादे पाठ और टाइप किए उद्धरण चिह्नों से बदलें, फिरqवापस रखें — मार्कअप भूमिका और केवल सजावट का अंतर देखें।
विभिन्न स्रोत-शीर्षकों के साथ अभ्यास दोहराएँ जब तक तत्व और विशेषता का अंतर स्वतः स्पष्ट न हो जाए। टैग सही बंद करना भी देखें, ताकि अगला पाठ गलत तरीके से उद्धरण न बना रहे।
गलतियाँ जो उद्धरण धुंधला करती हैं
- बिना असली उद्धरण के पूरे पृष्ठ को विशाल
blockquoteमें लपेटना - केवल CSS या टाइप किए चिह्न जब पाठ वास्तव में उद्धृत है और
q/blockquoteचाहिए - एकमात्र स्रोत शीर्षक
citeविशेषता में रखकर मान लेना कि पाठक उसे देखेंगे - बिना स्पष्ट कारण
blockquoteकोqके अंदर नेस्ट करना - सजावट के लिए स्वयं को उद्धृत करना — इन तत्वों को वास्तव में उद्धृत शब्दों के लिए रखें
qयाblockquoteबंद करना भूलना ताकि बाद का पाठ उद्धरण बना रहे
इनमें से प्रत्येक गलती विश्वास कम करती है या प्रस्तुति को अर्थ से मिलाती है। पाठक की नज़र से पृष्ठ देखें: क्या स्पष्ट है कि आपका पाठ कहाँ खत्म होता है और स्रोत कहाँ शुरू? क्या दिखाई देने वाली श्रेय वहाँ है जहाँ लोगों को ज़रूरत है?
सारांश
- वाक्य के अंदर छोटे उद्धरण →
q - लंबे उद्धृत ब्लॉक →
blockquote - दिखाई देने वाले कृति-शीर्षक →
citeतत्व - वैकल्पिक स्रोत URL →
blockquoteपरciteविशेषता - HTML में असली उद्धरण चिह्नित करें; अर्थ के लिए केवल स्टाइल पर निर्भर न रहें
- ईमानदार रहें: जब वास्तव में स्रोत उद्धृत करें तब इन तत्वों का उपयोग करें
इस क्रम से आप मनुष्यों और उपकरणों के लिए स्पष्ट पृष्ठ बनाते हैं, सजावट को अर्थ से अलग रखते हैं, और पठनीय श्रेय वहाँ रखते हैं जहाँ आगंतुक उसे अपेक्षा करता है।
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी