এইচটিএমএল ডিওএম-এ আইডি এবং ক্লাস উভয়ই উপাদান নির্বাচক এবং এই পরামিতিগুলিতে নির্ধারিত নামের উপর ভিত্তি করে একটি উপাদান সনাক্ত করতে ব্যবহৃত হয়।
নিম্নলিখিত আইডি এবং ক্লাসের মধ্যে গুরুত্বপূর্ণ পার্থক্য রয়েছে৷
| Sr. না। | কী | আইডি | ক্লাস |
|---|---|---|---|
| 1 | সিনট্যাক্স | Html-এ একটি এলিমেন্ট আইডির নাম "#" চিহ্ন দিয়ে শুরু হয় এবং তারপরে একটি অনন্য নাম দেওয়া হয়। | অন্যদিকে একটি উপাদানকে বরাদ্দ করা ক্লাসের নাম "" দিয়ে শুরু হয়। ক্লাসের নাম অনুসরণ করে৷ | ৷
| 2 | নির্বাচক | একটি উপাদানের সাথে শুধুমাত্র একটি আইডি নির্বাচক সংযুক্ত করা যেতে পারে। | একটি উপাদানের সাথে একাধিক শ্রেণি নির্বাচক সংযুক্ত করা যেতে পারে। |
| 3 | অনন্যতা | আইডি একটি পৃষ্ঠায় অনন্য এবং শুধুমাত্র সর্বাধিক একটি উপাদানে প্রয়োগ করা যেতে পারে | ক্লাসটি একাধিক উপাদানে প্রয়োগ করা যেতে পারে তাই এটি একটি একক পৃষ্ঠায় একাধিকবার হতে পারে। |
আইডি বনাম ক্লাসের উদাহরণ
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> 