خاصیت id در HTML

خاصیت id
در HTML برای شناسایی منحصر به فرد یک عنصر در یک سند استفاده میشود. این خاصیت باید در سراسر صفحه منحصر به فرد باشد، به این معنی که هیچ دو عنصر نباید دارای یک id
یکسان باشند. کاربردهای متداول آن عبارتند از:
- استایلدهی با CSS: میتوانید استایلها را به طور خاص به یک عنصر با استفاده از
id
آن اعمال کنید.<style>
} myElement#
;color: blue
;font-size: 20px
{
<style/>
<div id=“myElement”>Hello, World!</div>
دستکاری با JavaScript: میتوانید به راحتی عناصر با یک
id
خاص را با استفاده از JavaScript انتخاب و تغییر دهید.<script>
;“!document.getElementById(“myElement”).innerHTML = “Hello, JavaScript
<script/>
ناوبری: خاصیت
id
میتواند به عنوان لینک لنگر در داخل یک صفحه استفاده شود.<a href=”#myElement”>Go to My Element</a>
<div id=”myElement”>This is the target element.</div>
نحو
خاصیت
id
را میتوان به هر عنصر HTML اضافه کرد:<tagname id=“uniqueId”>Content</tagname>
بهترین شیوهها
- از نامهای توصیفی برای خاصیتهای
id
استفاده کنید تا HTML قابل درکتر باشد. - از استفاده از فضاها یا کاراکترهای خاص پرهیز کنید؛ به جای آنها از خط تیره (
-
) یا زیرخط (_
) استفاده کنید. - مقادیر
id
را کوتاه اما معنادار نگه دارید.
اگر سوال خاصی درباره استفاده از خاصیت
id
دارید، خوشحال میشوم کمک کنم! - از نامهای توصیفی برای خاصیتهای
دیدگاهتان را بنویسید