میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

آموزش HTML – صفت عمومی id در HTML

صفت id صفتی است که ما با استفاده از آن میتوانیم یک آی دی یا یک شناسه منحصر بفرد را برای یک عنصر در یک صفحه وب مشخص نماییم و نکته ای که باید بهش توجه کنیم این است که اون آی دی باید در یک صفحه وب کاملا منحصر بفرد باشد.

اینکه میگیم منحصر بفرد باشد یعنی اینکه نباید ۲ عنصر با یک ID مشترک در یک صفحه ی وب وجود داشته باشد. پس بطور کلی ما با استفاده از صفت id میتوانیم برای یک یا چند عنصر شناسه های منحصر بفردی را تعریف نماییم.

روش استفاده

<element id=“id>

مثال از صفت id در HTML

<div id=”first-paragraph”>this is a paragraph.</div>

نتیجه :

div id

پشتیبانی مرورگرها :

همه مرورگرهای اینترنتی از صفت id در HTML پشتیبانی می کنند.

قوانین نامگذاری یک id برای عناصر در HTML :

نام یک id باید حداقل دارای یک کاراکتر باشد.
در بین حروف نام یک id نباید هیچ فاصله ای وجود داشته باشد. ( نه قبلش نه بعدش )

 

سوال :  شاید این براتون سواله که اصلا این صفت به چه درد میخوره و یا اصلا تفاوت ID با Class در چیه؟ و اینکه اصلا چرا ما باید از کلاس و یا آی دی استفاده نماییم؟

پاسخ : اول اینکه این صفت همونطور که گفتم میتونه یک شناسه یا آی دی منحصر بفردی رو برای یک عنصر یا تگ در یک صفحه ی وب مشخص کند خب میتونیم از این شناسه در جاوااسکریپت یا CSS استفاده نماییم.

ادامه پاسخ » وقتی میگیم منحصر بفرد، یعنی مثلا من میخوام با استفاده از جاوااسکریپت وقتی بروی یک دکمه کلیک شد متن درون یک تگ تغییر کند، حال اگه چندین تگ از یک ID یکسان استفاده کرده باشند ، دیگه عملیات تغییر متن بروی همه ی تگ ها اعمال نخواهد شد چون چندین تگ از ID یکسان استفاده کرده اند، پس اینجاست که میگیم باید منحصربفرد باشه.

 

نکات و توضیحات

در HTML5 صفت id را میتوان با تمامی عناصر معتبر بکار گرفت.

در HTML4.01 صفت id را نمیتوان با عناصر <base>, <head>, <html>, <meta>, <param>, <script>, <style>, <title> بکار گرفت.

در HTML4.01 صفت id مقدارش نمی تواند و نباید با اعداد شروع شود.

 

 

آدرس ما در تلگرام لینک

آدرس ما در اینستاگرام لینک

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟