HTML Quotations: blockquote, q, cite हिंदी में
3 मिनट पढ़ें · मुफ़्त · बिना लॉगिन
जब आप किसी वेब पेज पर किसी को quote करते हैं, तो हाथ से quotation marks मत टाइप कीजिए। HTML के पास ऐसे tags हैं जो कहते हैं यह एक quote है, यह एक लंबा quote है, और यह किसी कृति का नाम है। Browser सही formatting लगा देता है, search engines मतलब समझ जाते हैं, और screen readers उसे सही तरीके से सुनाते हैं। हाथ से टाइप किए गए quote marks सिर्फ punctuation हैं — quotation tags मतलब हैं।
छोटे quotes, लंबे quotes और citations
| Tag | किसके लिए | Browser क्या करता है |
|---|---|---|
<q> | वाक्य के अंदर एक छोटा quote | Text के चारों ओर quotation marks अपने आप लगा देता है। |
<blockquote> | एक लंबा quote, अपने आप खड़ा हुआ | उसे अपना indented block बनाकर दिखाता है। cite attribute में source URL लेता है। |
<cite> | किसी कृति का नाम — कोई किताब, फिल्म, course | उसे italics में दिखाता है। यह नामों के लिए नहीं, कृतियों के नामों के लिए है। |
<abbr> | एक abbreviation, जिसका पूरा रूप title में हो | दिखाता है कि नीचे dotted underline है; hover करने पर पूरा रूप दिखता है। |
<address> | पेज के लेखक या मालिक की संपर्क जानकारी | Italics में दिखाता है, आमतौर पर पेज के नीचे। |
सबसे ज़रूरी फर्क
<q> अपने वाक्य के अंदर के quote के लिए है: "As Kalam said, <q>Dream is not that which you see while sleeping</q>।" <blockquote> उस quote के लिए है जो अपने paragraph के लायक हो — कोई पूरा passage, कोई testimonial, कोई verse। और <cite> किसी व्यक्ति का नाम नहीं है: यह उस कृति का नाम है जिससे आप quote कर रहे हैं, जैसे <cite>Wings of Fire</cite>। इन्हें मिलाना इस पाठ की सबसे आम गलती है — व्यक्ति का नाम सादे text में जाता है, किताब का नाम <cite> में।
<blockquote> पर cite attribute में source URL होता है, पर browsers उसे दिखाते नहीं — वह machines के लिए और code पढ़ने वालों के लिए होता है। अगर visitors को source दिखना चाहिए, तो उसे quote के नीचे visible text में भी लिखिए।<blockquote> मत इस्तेमाल कीजिए। इसका मतलब है "यह एक quotation है" — indentation के लिए इस्तेमाल करने से Google और screen readers को आपके content के बारे में गलत जानकारी मिलती है। Indentation के लिए CSS margin इस्तेमाल कीजिए।आम गलतियाँ
- हाथ से quotation marks टाइप करना,
<q>इस्तेमाल करने की जगह — browser यह नहीं जान पाता कि वह एक quote है। - साधारण text को indent करने के लिए
<blockquote>इस्तेमाल करना — इसका मतलब quotation है, indentation नहीं। - किसी व्यक्ति का नाम
<cite>में डालना — cite किसी कृति के नाम के लिए है, लेखक के लिए नहीं। <abbr>परtitleभूल जाना — इसके बिना abbreviation कुछ समझाता नहीं।
उदाहरण समझिए
<q>Dream is not that which you see while sleeping</q>— वाक्य के अंदर एक छोटा quote। Browser quotation marks खुद लगा देता है।<blockquote cite="https://example.com/speech">— एक लंबा quote अपने block के रूप में,citeattribute में source URL के साथ।<cite>Wings of Fire</cite>— जिस किताब से quote लिया गया है उसका नाम, italics में दिखता है।<abbr title="KAMALDNP Academy">KAMALDNP</abbr>— abbreviation, hover करने पर जिसका पूरा रूप दिखता है।<address>— नीचे वाला संपर्क block: किसे लिखना है, और कहाँ।
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>Quotations</title>
</head>
<body>
<h1>Words Worth Quoting</h1>
<p>As Kalam said, <q>Dream is not that which you see while sleeping; it is something that does not let you sleep.</q></p>
<blockquote cite="https://example.com/speech">
<p>Learning gives creativity, creativity leads to thinking, thinking provides knowledge, and knowledge makes you great.</p>
</blockquote>
<p>From the book <cite>Wings of Fire</cite>, by A. P. J. Abdul Kalam.</p>
<p>Join <abbr title="KAMALDNP Academy">KAMALDNP</abbr> in Varanasi to learn web development.</p>
<address>
Written by Raj Kamal.<br>
Visit us at kamaldnp.com<br>
Varanasi, Uttar Pradesh
</address>
</body>
</html>परिणाम
खुद करके देखें — लाइव एडिटर
नीचे दिया गया कोड बदलें और चलाएँ दबाएँ — परिणाम तुरंत दिखेगा। कोई फाइल सहेजनी नहीं है, कोई लॉगिन नहीं चाहिए।
संबंधित पाठ
अक्सर पूछे जाने वाले सवाल
इस पाठ के बारे में सबसे ज़्यादा पूछे जाने वाले सवाल — सवाल पढ़ें, फिर खोलकर जवाब देखें।
1. क्यू और ब्लॉककोट में क्या अंतर है?
क्यू अपने वाक्य के अंदर छोटे कोट के लिए है, और ब्लॉककोट अलग से खड़े लंबे कोट के लिए है।
2. साइट किस लिए इस्तेमाल होता है?
साइट किसी रचना के टाइटल के लिए है, जैसे किताब या फ़िल्म का नाम, जो तिरछे अक्षरों में दिखता है, किसी व्यक्ति के नाम के लिए नहीं।
3. एब्र टैग किस काम आता है?
यह संक्षिप्त शब्द को उसके पूरे रूप के साथ दिखाता है, जिसमें डॉटेड अंडरलाइन होती है और होवर करने पर पूरा रूप दिख जाता है।
खुद क्यों सीखें — AI से पूछने के बजाय?
AI आपके लिए कोड लिख सकता है, लेकिन वह आपके लिए सोच नहीं सकता। जब आप HTML खुद सीखते हैं, तो आपका दिमाग असली कौशल बनाता है: आप समझते हैं कि पेज ऐसा क्यों दिखता है, टूटने पर उसे ठीक कर सकते हैं, और परीक्षा या इंटरव्यू में बिना मदद के जवाब दे सकते हैं। यही कौशल नौकरी दिलाता है — कॉपी किया हुआ जवाब नहीं।
सर्टिफिकेट पाएँ — सिर्फ ₹10
सभी 35 पाठ पूरे करें, टेस्ट पास करें (80%), ₹10 दें और अपना सर्टिफिकेट पाएँ।
टेस्ट देंदेखकर सीखना पसंद है? वीडियो कोर्स में वही विषय एक-एक करके सिखाए जाते हैं।
Go further with a full course
Free tutorials teach you the basics. Our paid courses add live projects, mentorship and a certificate.
Browse all courses
