HTML id امتیاز

تعریف و استفاده

id این خاصیت id منحصر به فرد یک عنصر HTML را تعیین می‌کند. (این مقدار باید در سند HTML منحصر به فرد باشد).

id این خاصیت معمولاً برای اشاره به استایل‌های جدول استایل‌ها و برای عمل کردن بر روی عناصر دارای id خاص از طریق HTML DOM استفاده می‌شود.

id این خاصیت می‌تواند به عنوان آنکر (anchor) پیوند استفاده شود.

لطفاً به:

آموزش HTML:HTML id

آموزش HTML:HTML امتیاز

آموزش CSS:CSS زبان

دستورالعمل CSS:CSS #id انتخاب‌گر

دستورالعمل HTML DOM:روش HTML DOM getElementById()

دستورالعمل HTML DOM:خصیت HTML DOM id

دستورالعمل HTML DOM:HTML DOM Style مقیاس

مثال

مثال 1

استفاده از خاصیت id برای تغییر یک متن از طریق JavaScript:

<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">متن را تغییر دهید</button>
<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
</body>
</html>

نوکشس

مثال‌های بیشتری در پایین صفحه ارائه شده است.

قانون

<عنصر id="id">

مقدار خاصیت

مقدار توضیح
id

یک id منحصر به فرد برای عنصر تعیین کنید. قوانین نام‌گذاری:

  • باید حداقل یک کاراکتر داشته باشد
  • نمی‌تواند حاوی هیچ کاراکتر خالی باشد

مثال‌های بیشتر

مثال 2

استفاده از خاصیت id برای پیوند به عنصر دارای id مشخص در صفحه:

<html>
<body>
<h2><a id="top">عنوانی</a></h2>
<p>کثیر کثیر متن ....</p>
<p>کثیر کثیر متن ....</p>
<p>کثیر کثیر متن ....</p>
<a href="#top">وصول بالا</a>
</body>
</html>

نوکشس

مثال 3

کامپوزیشن id امتیاز کے ذریعے CSS کسٹمائز کئے گئے ٹیکسٹ:

<html>
<head>
<style>
#myHeader {
  color: red;
  text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">CodeW3C.com بہترین ہے!</h1>
</body>
</html>

نوکشس

بھرپائی کار

کروم ایج فائرفاکس سافری اپرا
کروم ایج فائرفاکس سافری اپرا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی