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

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت عمومی ID در HTML با من همراه باشید.

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

Free-Learn

صفت عمومی id در HTML

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

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

معمولا بیشترین استفاده ای که از این صفت می شود این است که ما بیایم و برای یک عنصر یک شناسه منحصر بفرد ایجاد نماییم و سپس توسط زبان جاوااسکریپت میتوانیم محتوا و.. اون عنصر را تغییر بدهیم.

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

روی دکمه پایین کلیک کن

Free-Learn

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

در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.

مثال شماره ۱ : استفاده در جاوااسکریپت

امتحان کنید

مثال شماره ۲ : استفاده در CSS

امتحان کنید

Free-Learn

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

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

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

روش استفاده

روش استفاده از این صفت در عناصر HTML بصورت زیر می باشد.

Free-Learn

جدول مقادیر صفت id

در جدول زیر میتوانید مقادیر را که میتوان در این صفت استفاده کرد را مشاهده نمایید.

مقدار توضیح
id تعریف یک شناسه یا آی دی منحصر بفرد برای یک عنصر

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

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

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

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

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

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

بطور کلی میشه گفت تفاوت های اصلی ID با Class موارد زیر می باشد :

  • در یک صفحه یک تگ فقط میتونه ۱ (یک عدد) آی دی یا ID داشته باشد. (مثال)
  • در یک صفحه یک تگ میتونه چندین (بیش از ۲) کلاس داشته باشد. (مثال)
  • معمولا و بیشتر از ID ها در زبان جاوااسکریپت استفاده میشود.
  • از ID ها نیز در CSS میشه استفاده کرد، مثلا شما میتونید به هدر سایتتون یک ID بدید سپس در CSS براش استایل تعریف نمایید.
  • به مواردی که در یک صفحه ی وب میتونن خاص باشند (مثله: هدر،سایدبار،فوتر و..) میتوان ID داد.
  • یک تگ بصورت همزمان هم میتونه Class و هم میتونه ID داشته باشد. (مثال)
  • نام یک ID نباید با عدد شروع شود.
  • نام یک Class نباید با عدد شروع شود.
  • نام یک ID باید حداقل حاوی یک کاراکتر باشد.
  • نباید هیچ فاصله ای در بین کاراکترهای نام یک ID قرار داشته باشد.
  • در HTML نام ID ها به حروف بزرگ و کوچک حساس می باشند.

Free-Learn

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

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

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

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

برای مشاهده آموزش نحوه ایجاد ID در تگ های HTML اینجا کلیک نمایید و برای مشاهده پرسش و پاسخ ID ها در HTML اینجا کلیک نمایید.

Free-Learn