Blockquote & Code
<blockquote> kisi external source se quote kiya gaya content mark karta hai — browsers usually indent karke dikhate hain. cite attribute se source URL bhi de sakte ho (visual effect nahi, lekin semantic/SEO value hai).
<code> inline code snippets ke liye hai (jaise "variable ka naam <code>x</code> hai"). <pre><code> combo poore multi-line code blocks dikhane ke liye common pattern hai — spacing/indentation preserve hoti hai.
<blockquote cite="https://example.com/article">
<p>Yahi sabse important quote hai is article ka.</p>
</blockquote>
<p>— <cite>Author Name</cite></p>
<p>Variable declare karne ke liye <code>let x = 5;</code> likho.</p>
<pre><code>function greet(name) {
console.log("Hello, " + name);
}</code></pre>- blockquote = quoted content, usually indented
- code = inline code, pre+code = multi-line code blocks
- cite attribute/tag = source attribution
<kbd> keyboard input dikhata hai (jaise "Ctrl+C dabao"). <samp> program output represent karta hai. <var> ek variable naam ko mark karta hai. Rare hain, lekin technical documentation mein precise hain.
<p>Copy karne ke liye <kbd>Ctrl+C</kbd> dabao.</p>
<p>Output aayega: <samp>Hello, World!</samp></p>
<p>Yahan <var>x</var> ek integer variable hai.</p>Jab code snippet ke andar khud HTML tags dikhane hon (jaise <div> ka example), unhe entities se escape karna zaroori hai — warna browser unhe actual tags samajh kar render kar dega, text ki jagah.
<pre><code><div class="box">
<p>Hello</p>
</div></code></pre>
<!-- Ye render hoga:
<div class="box">
<p>Hello</p>
</div>
(as TEXT, not as actual HTML elements) -->