HTML id Attribute
19 خرداد 1404
ارسال شده توسط سمیرا خانی
11 بازدید

ویژگی 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 ) |
دیدگاهتان را بنویسید