যে ইনলাইন HTML প্রায় কেউ ব্যবহার করে না
বেশিরভাগ ডেভেলপার , , এবং সম্পর্কে জানেন।
আপনি সম্ভবত , , , , , এবং -এর মতো অন্যান্য ট্যাগগুলো এড়িয়ে যান। এটি ঘটে কারণ আপনি এর পরিবর্তে একটি ব্যবহার করেন।
এই এলিমেন্টগুলো ব্যবহার করলে অর্থবহতা বাড়ে। একটি স্টাইল করা span কোনো মেশিনকে কিছু বোঝাতে পারে না। এই এলিমেন্টগুলো স্ক্রিন রিডার এবং সার্চ ইঞ্জিনের জন্য তথ্য প্রদান করে।
এখানে কিছু দরকারী এলিমেন্ট দেওয়া হলো যা আপনার জানা উচিত:
• এবং : এগুলো পরিবর্তন ট্র্যাক করে। মুছে ফেলা টেক্সটের জন্য এবং নতুন টেক্সটের জন্য ব্যবহার করুন। এডিট দেখানোর জন্য তারা একসাথে কাজ করে।
• : এমন কন্টেন্টের জন্য এটি ব্যবহার করুন যা আর সঠিক নয়। এটি ডিলিট করার চেয়ে আলাদা। এটি পুরনো দামের মতো পুরনো বা অপ্রাসঙ্গিক তথ্য চিহ্নিত করে।
• এবং : এগুলো রাসায়নিক সংকেত বা গাণিতিক সূচকের (exponents) জন্য ব্যবহার করুন। শুধুমাত্র টেক্সট ছোট করার জন্য এগুলো ব্যবহার করবেন না।
• : গণিত বা কোডের ভেরিয়েবলগুলোর জন্য এটি ব্যবহার করুন।
• : এটি প্রাসঙ্গিকতা বোঝাতে টেক্সট হাইলাইট করে। সার্চ ইঞ্জিনগুলো কুয়েরি ম্যাচ দেখানোর জন্য এটি ব্যবহার করে।
• : এটি একটি টুলটিপ (tooltip)-এর মাধ্যমে সংক্ষিপ্ত শব্দের পূর্ণরূপ প্রদান করে।
• : কোনো নির্দিষ্ট শব্দ বা টার্ম যেখানে আপনি সংজ্ঞায়িত করছেন, সেটি চিহ্নিত করতে এটি ব্যবহার করুন।
• : বই বা গবেষণাপত্রের মতো কোনো কাজের শিরোনামের জন্য এটি ব্যবহার করুন। এটি কোনো ব্যক্তির নামের জন্য নয়।
• : এটি ইনলাইন উদ্ধৃতি (inline quotes) হ্যান্ডেল করে। ব্রাউজার আপনার হয়ে উদ্ধৃতি চিহ্ন যোগ করে দেয়।
ব্রাউজারের ডিফল্ট স্টাইলগুলো প্রায়ই দেখতে খারাপ লাগে। দেখতে হলুদ হাইলাইটারের মতো লাগে। -এ এলোমেলো চিহ্ন দেখা যায়।
আপনাকে এই ট্যাগগুলো এড়িয়ে চলার প্রয়োজন নেই। শুধু CSS যোগ করলেই হবে।
-কে একটি ব্র্যান্ড কালার দিন। -এ একটি ডটেড আন্ডারলাইন দিন। এটি সিম্যান্টিক কোডকে পরিচ্ছন্ন টাইপোগ্রাফিতে রূপান্তরিত করে।
বছরে একবার সঠিক ট্যাগ ব্যবহার করা সেই span ব্যবহারের চেয়ে অনেক ভালো, যা কন্টেন্ট আসলে কী তা নিয়ে মিথ্যা তথ্য দেয়।
উৎস: https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d