HTML <blockquote> ট্যাগ
<blockquote> ট্যাগ HTML-এ লম্বা উদ্ধৃতি (long quotation) বোঝাতে ব্যবহৃত হয়। এটি অন্য কোনো উৎস থেকে উদ্ধৃত একটি সেকশন নির্দেশ করে। ব্রাউজার সাধারণত এটি ইন্ডেন্ট (indented) করে দেখায়।
ছোট উদ্ধৃতির (short quotation) জন্য <q> ট্যাগ ব্যবহার করুন।
অ্যাট্রিবিউট
- cite: উদ্ধৃতির উৎসের URL (সোর্স রেফারেন্স)
সিনট্যাক্স
<blockquote cite="URL">উদ্ধৃত টেক্সট</blockquote>
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<h2>osCommerce</h2>
<p>osCommerce-এর অফিসিয়াল ওয়েবসাইট অনুযায়ী:</p>
<blockquote cite="https://www.oscommerce.com/Us">
আমরা ১৯ বছরের বেশি সফলভাবে চালিয়ে আসছি এবং কেবল বিশ্বব্যাপী লাখ লাখ অনলাইন স্টোর ओনার তৈরি করলাম না,
বরং অন্যান্য কোম্পানি ও প্রজেক্টেরো কিকস্টার্ট করেছি যারা আমাদের কাজের উপর ভিত্তি করে তাদের প্রোডাক্ট বানিয়েছে।
কমিউনিটির সাথে আমরা খুব বড় হয়েছি এবং সবার সাফল্যে সাহায্য করার এনগেজমেন্ট আমাদের প্রিয়।
আপনাকেও জড়িত হয়ে সাফল্যের অংশ হতে দেখতে চাই!
</blockquote>
</body>
</html>
আউটপুট

ব্যাখ্যা
<blockquote cite="https://www.oscommerce.com/Us"> উদ্ধৃত টেক্সট... </blockquote>
cite অ্যাট্রিবিউট দিয়ে উদ্ধৃতির উৎস নির্দেশ করা হয়েছে:
cite="https://www.oscommerce.com/Us"
<blockquote> vs <q>
| ট্যাগ | উপযোগিতা | ডিফল্ট স্টাইল |
|---|---|---|
<blockquote> |
বহু-লাইন, ব্লক-লেভেল উদ্ধৃতি | ইন্ডেন্টেড ব্লক |
<q> |
ইনলাইন, ছোট উদ্ধৃতি | অটোমেটিক কোটেশন মার্ক ("") |
সেরা অনুশীলন
- উদ্ধৃতির সোর্স থাকলে
citeঅ্যাট্রিবিউট অবশ্যই দিন। <footer>বা<cite>ট্যাগ দিয়ে উদ্ধৃতিকারনের নাম দিন।- CSS-এ
blockquote { border-left: 4px solid #ccc; padding-left: 1rem; margin: 1rem 0; }স্টাইল দিন।