HTML DOM Quote Object - कोट/उद्धरण एलिमेंट

HTML DOM Quote Object

HTML DOM Quote Object HTML दस्तावेज़ में <q> एलिमेंट को दर्शाता है। <q> एलिमेंट एक छोटे इनलाइन उद्धरण (inline quotation) को परिभाषित करता है। ब्राउज़र स्वचालित रूप से इसके चारों ओर उद्धरण चिह्न (quotation marks) जोड़ते हैं।

Quote Object बनाना

document.createElement("Q");

Quote Object के Properties

उदाहरण

उद्धरण एलिमेंट बनाना और cite attribute सेट करना:

<!DOCTYPE html>
<html>
<head>
<style>
  body { text-align: center; background-color: #fff; color: #0197F6; }
  h1 { color: #23CE6B; }
  .btn {
    background-color: #fff;
    border: 1.5px dashed #0197F6;
    height: 2rem;
    border-radius: 2px;
    width: 60%;
    margin: 2rem auto;
    display: block;
    color: #0197F6;
    outline: none;
    cursor: pointer;
  }
  p { font-size: 1.2rem; background-color: #db133a; color: #fff; padding: 8px; }
</style>
</head>
<body>
<h1>DOM quote Object Demo</h1>
<button onclick="createQuote()" class="btn">एक उद्धरण ऑब्जेक्ट बनाएं</button>
<script>
  function createQuote() {
    var qElement = document.createElement("Q");
    qElement.innerHTML = "WordPress सभी के लिए डिज़ाइन किया गया सॉफ्टवेयर है, जो पहुंच, प्रदर्शन, सुरक्षा और उपयोग में आसानी पर जोर देता है। हम मानते हैं कि महान सॉफ्टवेयर न्यूनतम सेटअप के साथ काम करना चाहिए, ताकि आप अपनी कहानी, उत्पाद या सेवाओं को स्वतंत्र रूप से साझा करने पर ध्यान केंद्रित कर सकें।";
    qElement.setAttribute("cite", "https://wordpress.org/about/");
    document.body.appendChild(qElement);
  }
</script>
</body>
</html>

आउटपुट

"एक उद्धरण ऑब्जेक्ट बनाएं" बटन पर क्लिक करने पर एक <q> एलिमेंट बनेगा जिसमें WordPress के बारे में उद्धरण होगा और cite attribute में स्रोत URL होगा। ब्राउज़र स्वचालित रूप से उद्धरण चिह्न जोड़ देगा।

मुख्य बिंदु

• <q> इनलाइन उद्धरण के लिए उपयोग किया जाता है (ब्लॉक उद्धरण के लिए <blockquote> उपयोग करें)
• ब्राउज़र स्वचालित रूप से भाषा-उपयुक्त उद्धरण चिह्न जोड़ते हैं
• cite attribute उद्धरण के स्रोत का URL निर्दिष्ट करता है
• document.createElement("Q") से डायनामिकली बना सकते हैं
• CSS में quotes property से कस्टम उद्धरण चिह्न परिभाषित कर सकते हैं