HTML DOM-এ id এবং class উভয়ই এলিমেন্ট সিলেক্টর এবং একটি এলিমেন্টকে এই প্যারামিটারগুলোর সাথে অ্যাসাইন করা নামের podstawie চিনতে ব্যবহৃত হয়।
Id এবং Class-এর মধ্যে গুরুত্বপূর্ণ পার্থক্যগুলো নিচে দেওয়া হলো:
| ক্রমিক নং | কী | Id | Class |
|---|---|---|---|
| ১ | সিনট্যাক্স | HTML-এ একটি এলিমেন্টের ID নাম "#" সিম্বল দিয়ে শুরু হয় এবং তারপর একটি ইউনিক নাম যা সেটিতে অ্যাসাইন করা হয়। | অন্যদিকে, একটি এলিমেন্টে অ্যাসাইন করা class-এর নাম "." দিয়ে শুরু হয় এবং তারপর class নাম। |
| ২ | সিলেক্টর | একটি এলিমেন্টের সাথে শুধু একটি ID সিলেক্টর আটাচ করা যায়। | একটি এলিমেন্টের সাথে একাধিক class সিলেক্টর আটাচ করা যায়। |
| ৩ | ইউনিকনেস | একটি পেজে Id ইউনিক এবং শুধু একটি এলিমেন্টে সর্বোচ্চ একবার প্রয়োগ করা যায়। | Class একাধিক এলিমেন্টে প্রয়োগ করা যায় তাই একক পেজে একাধিকবার ব্যবহার করা যায়। |
Id vs Class উদাহরণ
Id.html
<!DOCTYPE html> <html> <head> <title> Id demo </title> <style> #idDemo{ color:green; font-size:25px; } </style> </head> <body style="text-align:center"> <h1>Get element by Id</h1> <p id="idDemo">Demo for Id selector</p> </body> </html>
Class.html
<!DOCTYPE html> <html> <head> <title> Class demo </title> <style> .classDemo{ color:orange; font-size:25px; } </style> </head> <body style="text-align:center"> <h1>Get element by class</h1> <p class="classDemo">Demo for class selector</p> </body> </html>
