id و class دو خصوصیت (attribute) در زبان html هستند. زبان css با استفاده از این دو خصوصیت می تواند استایل تگ های زبان html را تغییر دهد. در این مقاله شما را با تفاوت های این دو خصوصیت آشنا خواهیم کرد.

در زبان css کلاس ها با . و id ها با علامت # آغاز می شوند.

ویژگی های id

• id در html باید به صورت یکتا ساخته شد: یعنی هر id تنها برای یک تگ در html است.
• هر تگ تنها می تواند یک id داشته باشد.
• id ها در حالتی که  با علامت # همراه با نام id در بخش آدرس تگ a قرار بگیرند به عنوان آدرس بخشی از صفحه به شمار می رود. کاربرد این ویژگی را می توانید در وب سایت های onepage مشاهده کنید. به این صورت که با کلیک بر روی عنوان منوی درباره ما با آدرس #about اسکرول تا ابتدای تگی که id آن about است، پایین می آید.

ویژگی های class

• هر تگ می تواند چندین class داشته باشد.
• هر class می تواند در چندین تگ html استفاده شود.