دليل HTML

كامل قائمة علامات HTML

خصائص الـ id في HTML

تعريف خصائص الـ id في HTML هو معرف فريد في المستند بأكمله (ID). يتم استخدامه للتعرف على العنصر في الروابط (باستخدام الجزء المحدد من الرابط)、السكربت وأنماط (من خلال CSS).

خصائص العلامات العالمية لـ HTML

مثال على الإنترنت

تغيير محتوى نص معين باستخدام خصائص الـ id من خلال سكربت JavaScript:

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>موقع دروس الأساسيات (oldtoolbag.com)</title>　
<script>
function changeText()
{
　　　　document.getElementById("myHeader").innerHTML="ها هو، تم تغييري، حبيبي!";
}
</script>
</head>
<body>
<h1 id="myHeader">مرحبًا بالعالم!</h1>
<button onclick="changeText()">تغيير محتوى النص باستخدام الـ id</button>
</body>
</html>

اختبار لـ ‹/›

تطابق المتصفحات

IEFirefoxOperaChromeSafari

دعمت جميع المتصفحات الشائعة خصائص الـ id

التعريف والاستخدام

يحدد خصائص الـ id هوية العنصر الفريدة في HTML.

يجب أن يكون الـ id في مستند HTML فريدًا.

خصائص الـ id يمكن استخدامها كـ وصلات مرجعية (link anchor)، من خلال JavaScript (HTML DOM) أو من خلال CSS لتغيير أو إضافة أنماط إلى العنصر المحدد بالـ id المحدد.

الفرق بين HTML 4.01 وHTML5

يمكن استخدام خاصية id في HTML5 في أي عنصر HTML (سيقوم بفحص أي عنصر HTML. لكنه قد لا يكون مفيدًا دائمًا).

لا يمكن استخدام خاصية id في HTML 4.01 في: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, و<title>.

ملاحظة: يوجد تحديد صارم لقيمة id في HTML 4.01 (على سبيل المثال: في HTML 4.01 لا يمكن أن تبدأ قيمة id بالرقم).

النحو

　　 <العنصر id="id">

قيمة الخاصية

القيمة	الوصف
id	يحدد id العنصر الفريد قواعد التسمية: يجب أن تبدأ بالحرف A-Z أو a-z الرموز التالية: الأحرف (A-Za-z)、الرقم (0-9)、الشرطة (-)、الخط الأفقي (_)、النقطة (:) وأيضاً النقطة (.) حساسية القيمة للتشكيل

مزيد من الأمثلة

استخدام خاصية id في CSS
كيفية استخدام خاصية id في CSS لإضافة النمط إلى العنصر

خصائص العلامات العالمية لـ HTML

HTML: <template> العلامة