HTML-এ <abbr> এলিমেন্ট এক্রোনিম (সংক্ষিপ্তরূপ) এবং সংক্ষেপণ (abbreviation) নির্দেশ করতে ব্যবহৃত হয়। <acronym> ট্যাগ HTML5-এ ডিপ্রিকেটেড, তাই <abbr> ব্যবহার করুন।
এক্রোনিম উদাহরণ:
- B2B: Business to Business (ব্যবসা থেকে ব্যবসা)
- B2C: Business to Consumer (ব্যবসা থেকে গ্রাহক)
- CMS: Content Management System (কন্টেন্ট ম্যানেজমেন্ট সিস্টেম)
- PPC: Pay Per Click (প্রতি ক্লিকে অর্থাদান)
- ROI: Return On Investment (বিনিবেশের প্রতिफল)
- CTA: Call To Action (কল টু অ্যাকশন)
সংক্ষেপণ উদাহরণ:
- Mr: Mister (শ্রীমান)
- Dr.: Doctor (ডাক্তার)
- St: Street (স্ট্রিট/রাস্তা)
- Km: Kilometer (কিলোমিটার)
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>কোডিং গ্রাউন্ড</h2> <h3>প্রোগ্রামিং ল্যাঙ্গুয়েজ ও ওয়েব টেকনোলজির কম্পাইলার</h3> <nav> <a href="/compile_java_online.php">Java</a> | <a href="/php_terminal_online.php">PHP</a> | <a href="/online_jquery_editor.php">jQuery</a> | <a href="/compile_c_online.php">C</a> | <a href="/compile_cpp_online.php">C++</a> | <a href="/online_angularjs_editor.php">AngularJS</a> </nav> <p>আমাদের কাছে <abbr title="JavaScript">JS</abbr> লাইব্রেরির কম্পাইলারও আছে।</p> </body> </html>
মাউস কার্সর JS-এর ওপর নিলে title অ্যাট্রিবিউটের টেক্সট "JavaScript" টুলটিপ হিসেবে দেখাবে।
সেরা অনুশীলন: প্রথমবার এক্রোনিম ব্যবহার করার সময় <abbr title="পূর্ণরূপ"> ব্যবহার করুন। CSS-এ abbr[title] { cursor: help; border-bottom: 1px dotted; } যোগ করলে ব্যবহারকারী বুঝতে পারবে এতে টুলটিপ আছে।
