شرح السمة id

سمة id في HTML تستخدم لتعيين معرف فريد لعنصر HTML المحدد. وهي تسمح للمطورين بتحديد العناصر والوصول إليها بسهولة باستخدام CSS أو الجافا سكريبت.
يتم تعريف السمة id بوضع كلمة id في عنصر HTML ومن ثم تعيين القيمة المميزة لهذا العنصر بعد كلمة id. ويجب أن تكون القيمة المعينة فريدة في الصفحة، ولا يجوز تكرارها على عناصر HTML أخرى في نفس الصفحة. يمكن أن تتكون القيمة المعينة لـ id من أي مجموعة من الأحرف والأرقام والرموز، ويفضل تسمية السمة بشيء يمكن فهمه بسهولة.
لتحديد عنصر HTML باستخدام السمة id يمكن استخدام رمز الهاش (#) مع القيمة المعينة لـ id. على سبيل المثال، إذا كان هناك div يحمل السمة id "main-div"، يمكن استخدام CSS لتطبيق التنسيق عليها عن طريق الكتابة كما يلي:

HTML

<div id="main-div">
    this is div
</div>

الآن سنستدعي نفس القيمة الموجودة في السمة id وقبلها علامة الهاش (#) في لغة CSS:

CSS

#main-div {
    width: 500px;
    height: 300px;
    border: 1px solid black;
}

ويمكن استخدام السمة id أيضاً في الجافا سكريبت للوصول إلى العناصر HTML المحددة وتغييرها بسهولة. على سبيل المثال، يمكن استخدام الكود التالي في الجافا سكريبت لتغيير النص الظاهر على العنصر div الذي يحمل السمة id "main-div":

JavaScript

document.getElementById("main-div").innerHTML = "Change text!";

ويعتبر استخدام السمة id أحد الطرق الرئيسية لتحديد العناصر HTML في صفحات الويب، وتعتبر واحدة من الأدوات الأساسية لتنسيق وتحكم في التصميم والسلوك للعناصر المحددة.

وهكذا إنتهينا من درسنا أو مقالتنا المتواضعة أتمنى أنك فهمت و وفقك الله أتمنى دعمنا بمشاركة الدرس لكي تعم الفائدة.