HTML <blockquote> cite অ্যাট্রিবিউট

`<blockquote>` cite অ্যাট্রিবিউট

<blockquote> এলিমেন্টের cite অ্যাট্রিবিউট উদ্ধৃতির (quotation) উৎস (source) নির্দেশ করতে ব্যবহৃত হয়। এর মান হলো একটি URL যা উদ্ধৃতির মুল উৎসকে পয়েন্ট করে।

সিনট্যাক্স

<blockquote cite="url">উদ্ধৃত টেক্সট</blockquote>

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <h2>Magento</h2>
  <p>Magento-এর অফিসিয়াল ওয়েবসাইট অনুযায়ী:</p>
  <blockquote cite="https://magento.com/products">
    Magento Commerce, Adobe Commerce Cloud-এর অংশ, এন্টারপ্রাইজ পাওয়ার, আনলিমিটেড স্কেলেবিলিটি,
    এবং B2C ও B2B অভিজ্ঞতার জন্য ওপেন-সোর্স ফ্লেক্সিবিলিটি প্রদান করে।
    Magento আপনাকে ইউনিক, ফুল-লাইফসাইকেল কাস্টমার এক্সপেরিয়েন্স তৈরি করতে দেয়
    যা প্রমাণিতভাবে বেশি সেলস জেনারেট করে।
  </blockquote>
</body>
</html>

আউটপুট

HTML <blockquote> cite অ্যাট্রিবিউট

ব্যাখ্যা

<blockquote cite="https://magento.com/products">
  উদ্ধৃত টেক্সট...
</blockquote>

উদ্ধৃতির উৎস URL:

cite="https://magento.com/products"

cite অ্যাট্রিবিউট vs <cite> ট্যাগ

ফিচার	`cite` অ্যাট্রিবিউট (on blockquote)	`<cite>` ট্যাগ
উদ্দেশ্য	মেশিন-রিডেবল সোর্স URL	হিউম্যান-রিডেবল টাইটেল/নাম
দৃশ্যমান?	না (ডিফল্টভাবে)	হ্যাঁ (ইট্যালিক হিসেবে রেন্ডার হয়)
মান	URL	টেক্সট (বই, সিনেমা, গানের নাম ইত্যাদি)

সেরা অনুশীলন

দুটো একসাথে ব্যবহার করুন: <blockquote cite="...">...</blockquote> <footer><cite>Source Title</cite></footer>
URL অবশ্যই বৈধ (valid) এবং অ্যাক্সেসযোগ্য হতে হয়।
CSS-এ blockquote[cite]::after { content: " (" attr(cite) ")"; } দিয়ে সোর্স দেখানো যায়।