HTML Quotations

HTML Quotations का उपयोग किसी दूसरे source से लिए गए quotes, citations, abbreviations और references को proper semantic meaning देने के लिए किया जाता है। ये tags content की credibility, readability और accessibility improve करते हैं।

HTML Quotation Tags Overview

HTML में quotation और reference के लिए ये tags use होते हैं:

<blockquote>Block quotation</blockquote>
<q>Short quotation</q>
<abbr>Abbreviation</abbr>
<address>Contact information</address>
<cite>Title of work</cite>
<bdo>Bi-directional override</bdo>

<blockquote> Tag

<blockquote> tag long quotations के लिए use होता है।

Example:

<blockquote>
The future belongs to those who believe in the beauty of their dreams.
</blockquote>

Features:

• Automatically indent करता है
• Source citation के लिए suitable
• SEO और accessibility friendly

<q> Tag

<q> tag short inline quotations के लिए होता है।

Example:

<p>He said, <q>HTML is easy to learn</q>.</p>

Browser quotation marks automatically add करता है।

<abbr> Tag

<abbr> tag abbreviation या acronym define करने के लिए use होता है।

Example:

<p><abbr title="HyperText Markup Language">HTML</abbr> is a markup language.</p>

Benefits:

• SEO improvement
• Screen reader clarity
• User hover पर full form दिखता है

<address> Tag

<address> tag contact information define करता है।

Example:

<address>
Written by John Doe<br>
Email: info@example.com
</address>

यह tag author, organization या owner की information के लिए use होता है।

<cite> Tag

<cite> tag creative work का title define करता है।

Example:

<p><cite>HTML Reference Guide</cite> is a useful resource.</p>

Note: <cite> author name के लिए नहीं होता।

<bdo> Tag

<bdo> tag text direction override करने के लिए use होता है।

Example:

<bdo dir="rtl">This text will be right to left</bdo>

यह RTL languages (Arabic, Hebrew) में useful होता है।

Quotation Tags और SEO

SEO perspective से:

• <blockquote> source credibility दिखाता है
• <abbr> keywords clarity देता है
• Semantic tags search engines को content context समझने में मदद करते हैं

Quotation Tags और Accessibility

• Screen readers semantic tags को सही meaning देते हैं
• Abbreviations और citations visually impaired users के लिए helpful होते हैं

Common Beginner Mistakes

• Quotes के लिए सिर्फ <p> tag use करना
• <abbr> में title attribute omit करना
• <cite> को author name के लिए use करना
• <bdo> का unnecessary use

Quick Summary

• Quotation tags semantic meaning provide करते हैं
• <blockquote> long quotes के लिए
• <q> short inline quotes के लिए
• <abbr> abbreviation define करता है
• <cite> work title के लिए use होता है

Practice Questions

1. <blockquote> और <q> में difference क्या है?
2. <abbr> tag क्यों जरूरी है?
3. <cite> tag का सही उपयोग क्या है?