HTML id Attribute
19 خرداد 1404
ارسال شده توسط سمیرا خانی
40 بازدید
ویژگی id در HTML
ویژگی id برای شناسهی یکتا دادن به یک عنصر در صفحه استفاده میشود. یعنی هر مقدار id باید فقط به یک عنصر خاص اختصاص داده شود.
ساختار پایه:
<tag id=“uniqueID”>
محتوا
</tag>
مثال ساده:
<!DOCTYPE html>
<html>
<head>
<style>
#special {
color: blue;
font-size: 20px;
}
</style>
</head>
<body>
<p id=“special”>این پاراگراف با استفاده از شناسهی خاص استایل گرفته است.</p>
</body>
</html>
نکات مهم درباره id:
-
مقدار
idباید در کل صفحه منحصربهفرد باشد (یک بار فقط استفاده شود). -
idبرای استایلدهی خاص با CSS (با انتخابگر#) یا برای دسترسی سریع به عنصر با جاوااسکریپت کاربرد دارد. -
برخلاف
class،idفقط میتواند یک مقدار یکتا داشته باشد و نمیتوان چند مقدار به آن داد.
تفاوت کلی بین id و class:
| ویژگی | id |
class |
|---|---|---|
| یکتا بودن | باید یکتا باشد | میتواند چند بار تکرار شود |
| استفاده | انتخاب یک عنصر خاص | گروهبندی چند عنصر |
| نحوه انتخاب در CSS | با # (مثلاً #myId) |
با . (مثلاً .myClass) |
دیدگاهتان را بنویسید