شناسهی یکتا با ویژگی id
ویژگی id یک نام یکتا به یک عنصر خاص در صفحه میدهد. برخلاف class، مقدار id باید در کل سند فقط یکبار استفاده شود و هیچ عنصر دیگری نباید همان مقدار را داشته باشد.
id-basic.html
<h2 id="main-title">عنوان اصلی صفحه</h2>
کاربردهای رایج id
- هدف قرار دادن دقیق یک عنصر خاص در CSS.
- ساخت لینکهای داخلی به یک بخش مشخص از صفحه (مثل فصل لینکها).
- دسترسی سریع و مستقیم به یک عنصر از طریق جاوااسکریپت.
استفاده از id در CSS
برای انتخاب یک عنصر بر اساس id در CSS، قبل از نام آن یک علامت هشتگ قرار میگیرد.
style.css
#main-title {
color: #04AA6D;
font-size: 32px;
}
تفاوت اصلی id و class
| ویژگی | id | class |
|---|---|---|
| یکتایی در صفحه | بله، فقط یکبار | خیر، قابل تکرار |
| نشانه در CSS | هشتگ # | نقطه . |
نکته: اگر میخواهید یک استایل مشترک روی چند عنصر اعمال شود، از
class استفاده کنید؛ id را فقط برای مواردی نگه دارید که واقعاً یکتا و منحصربهفرد هستند.