আপনি যদি কখনও এইচটিএমএল উপাদানের একটি তালিকা দেখে থাকেন তবে আপনি নিজেকে "ব্লককোট কি?" জিজ্ঞাসা করতে পারেন। ব্লককোট উপাদানটি একটি HTML ট্যাগ জোড়া যা দীর্ঘ উদ্ধৃতি নির্ধারণ করতে ব্যবহৃত হয়। W3C HTML5 স্পেসিফিকেশন অনুসারে এই উপাদানটির সংজ্ঞা এখানে দেওয়া হল:
ব্লককোট উপাদানটি এমন একটি বিভাগকে প্রতিনিধিত্ব করে যা অন্য উত্স থেকে উদ্ধৃত করা হয়।
কিভাবে আপনার ওয়েব পেজ ব্লককোট ব্যবহার করবেন
যখন আপনি কোনও ওয়েব পৃষ্ঠায় পাঠ্য লেখেন এবং পৃষ্ঠাটির লেআউট তৈরি করেন, তখন আপনি মাঝে মাঝে উদ্ধৃতি হিসাবে পাঠ্যের একটি ব্লক কল করতে চান। এটি অন্য কোথাও থেকে উদ্ধৃতি হতে পারে, যেমন কোনও কেস স্টাডি বা প্রকল্প সাফল্যের গল্প সহ একটি গ্রাহক প্রশংসাপত্র। এটি এমন একটি ডিজাইন চিকিত্সাও হতে পারে যা নিবন্ধ বা সামগ্রী থেকে কিছু গুরুত্বপূর্ণ পাঠ্য পুনরাবৃত্তি করে। প্রকাশনায়, এইটিকে কখনও কখনও পুল-কোট বলা হয়, ওয়েব ডিজাইনে এটি অর্জনের উপায়গুলির মধ্যে একটি (এবং যেভাবে আমরা এই নিবন্ধে আচ্ছাদিত) ব্লককোট নামে পরিচিত।
সুতরাং লুইস ক্যারল দ্বারা "জ্যাবারবউকি" এর উদ্ধৃতি হিসাবে দীর্ঘ উদ্ধৃতিগুলি সংজ্ঞায়িত করতে ব্লককোট ট্যাগটি ব্যবহার করবেন কীভাবে তা দেখি:
'টাওয়ার brillig এবং slithey tovesWyabe মধ্যে gyre এবং জিম্মি করা হয়েছে:সমস্ত mimsy borogoves ছিল,এবং মোম raths outgrabe।
(লুইস ক্যারল দ্বারা)
ব্লককোট ট্যাগ ব্যবহার করে উদাহরণ
ব্লককোট ট্যাগটি একটি সেমান্তিক ট্যাগ যা ব্রাউজার বা ব্যবহারকারী এজেন্টকে বলে যে সামগ্রীগুলি একটি দীর্ঘ উদ্ধৃতি। যেমন, ব্লককোট ট্যাগের ভিতরে উদ্ধৃতি নয় এমন পাঠ্যটি আপনার কাছে আবদ্ধ করা উচিত নয়। মনে রাখবেন, একটি "উদ্ধৃতি" প্রায়শই আসল শব্দ যে কেউ বাইরের উৎস থেকে (যেমন এই নিবন্ধে লুইস ক্যারল পাঠ্য) বলেছে বা পাঠ্য করেছে, কিন্তু এটি করতে পারেন এছাড়াও আমরা পূর্বে আচ্ছাদিত pullquote ধারণা হতে হবে। যখন আপনি এটি সম্পর্কে ভাবেন, যে pullquote টেক্সট একটি উদ্ধৃতি, এটা ঠিক একই নিবন্ধ থেকে উদ্ধৃতি নিজেই প্রদর্শিত হবে।
সর্বাধিক ওয়েব ব্রাউজারগুলি ব্লককোটের উভয় পাশে কিছু ইন্ডেন্টিং (প্রায় 5 টি স্পেস) যুক্ত করে এটি আড়াআড়ি পাঠ্য থেকে বেরিয়ে আসে। কিছু অত্যন্ত পুরানো ব্রাউজার এমনকি ইটালিক মধ্যে উদ্ধৃত টেক্সট রেন্ডার করতে পারে। মনে রাখবেন যে এটি কেবল ব্লককোট উপাদানটির ডিফল্ট স্টাইলিং। সিএসএস দিয়ে, আপনার ব্লককোতে কিভাবে প্রদর্শিত হবে তার উপর আপনার সম্পূর্ণ নিয়ন্ত্রণ রয়েছে। আপনি ইন্ডেন্টটি বাড়াতে বা এমনকি সরিয়ে ফেলতে, ব্যাকগ্রাউন্ড রং যোগ করতে বা উদ্ধৃতিটি আরো কল করতে পাঠ্য আকার বৃদ্ধি করতে পারেন। আপনি পৃষ্ঠার একপাশে যে উদ্ধৃতিটি ভাসিয়ে দিতে পারেন এবং এটির চারপাশে অন্য পাঠ্য মোড়ানো আছে, যা মুদ্রিত পত্রিকাগুলিতে টুকরো টুকরাগুলির জন্য ব্যবহৃত একটি সাধারণ দৃশ্যমান শৈলী। ব্লককোটের চেহারাটি সিএসএসের সাথে আপনার নিয়ন্ত্রণে রয়েছে, কিছুটা শীঘ্রই আমরা একটু আলোচনা করব। এখনকার জন্য, কীভাবে উদ্ধৃতিটি নিজের HTML মার্কআপে যুক্ত করতে হয় তা দেখি।
আপনার পাঠ্যতে ব্লককোট ট্যাগ যুক্ত করতে, নিচের ট্যাগটির সাথে একটি উদ্ধৃতি যা পাঠ্যটিকে ঘিরে রাখুন -
উদাহরণ স্বরূপ:
'টাওয়ার brillig এবং slithey toves Wyabe মধ্যে gyre এবং জিম্মি করা হয়েছে: সমস্ত mimsy borogoves ছিল, এবং মোম raths outgrabe।আপনি দেখতে পারেন হিসাবে, আপনি উদ্ধৃতি নিজেই কন্টেন্ট প্রায় ব্লকquote ট্যাগ জোড়া যোগ করুন। এই উদাহরণে, আমরা কিছু বিরতি ট্যাগ () ব্যবহার করে যা একক লাইন বিরতি যুক্ত করার জন্য যেখানে পাঠ্যের ভিতরে উপযুক্ত। কারণ আমরা একটি কবিতা থেকে পাঠ্য পুনরুক্তি করছি, যেখানে সেই নির্দিষ্ট বিরতি গুরুত্বপূর্ণ। আপনি যদি একটি গ্রাহক প্রশংসাপত্র উদ্ধৃতি তৈরি করেন এবং লাইনগুলি নির্দিষ্ট অংশগুলিতে ভাঙ্গার প্রয়োজন হয় না তবে আপনি এই বিরতি ট্যাগগুলি যুক্ত করতে এবং ব্রাউজারটিকে নিজেই মোড়ানো এবং স্ক্রীনের আকারের ভিত্তিতে প্রয়োজনীয় ভাঙ্গার অনুমতি দিতে চাইবেন না।
ইন্ডেন্ট টেক্সট ব্লককোট ব্যবহার করবেন না
বহু বছর ধরে, লোকেরা ব্লককোট ট্যাগটি ব্যবহার করে, যদি তারা তাদের ওয়েবপৃষ্ঠায় পাঠ্যটি ইন্ডেন্ট করতে চায়, এমনকি যদি সেই পাঠটি কোনও পুলকোট না হয়। এটি একটি খারাপ অভ্যাস! আপনি চাক্ষুষ কারণে শুধুমাত্র blockquote এর semantics ব্যবহার করতে চান না। আপনার পাঠ্যকে ইন্ডেন্ট করতে হলে আপনাকে স্টাইল শীটগুলি ব্যবহার করতে হবে, ব্লককোট ট্যাগগুলি নয় (অবশ্যই, আপনি যা ইন্ডেন্ট করার চেষ্টা করছেন তা উদ্ধৃতি!)। আপনি যদি কেবল একটি ইন্ডেন্ট যোগ করার চেষ্টা করছেন তবে এই কোডটি আপনার ওয়েব পৃষ্ঠাতে রাখুন:
এই টেক্সট যে ইন্ডেন্ট করা হবে।
এরপরে, আপনি একটি CSS শৈলী দিয়ে সেই ক্লাসটিকে লক্ষ্য করবেন
.indented {
প্যাডিং: 0 10px;}
এই অনুচ্ছেদের উভয় পাশে প্যাডিংয়ের 10 পিক্সেল যোগ করে।
