آموزش نحوه ایجاد آی دی یا Id در HTML

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

آموزش نحوه ایجاد آی دی یا Id در HTML

Free-Learn

آی دی یا Id در HTML

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

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

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

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

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

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

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

Free-Learn

نحوه ایجاد آی دی یا Id در HTML

بهتر است بدانید در HTML5 ما میتونیم از صفت ID در تمامی عناصری که معتبر می باشند استفاده نماییم و در مقابل در HTML4.01 صفت ID را نمیتوان با عناصر زیر بکار گرفت:

<base> <head> <html>
<meta> <param> <script>
<style> <title>

شکل کلی برای ایجاد یک صفت آی دی یا ID در تگ های HTML بصورت زیر می باشد :

که بجای element همان عنصر یا تگ ما قرار میگیرد و بجای (نام آی دی) نیز نام آی دی یا ID منحصربفرد ما قرار میگیرد.

Free-Learn

نحوه فراخوانی صفت ID در CSS

شکل کلی برای فراخوانی یک ID در CSS بصورت زیر می باشد :

که بجای (نام آی دی) نام آی دی را قرار میدهیم و در نهایت دستورات سی اس اس مورد نظرمان را در قسمت مشخص شده وارد مینماییم.

Free-Learn

نحوه ایجاد ID در تگ های HTML

ما در هر یک از تگ های HTML مانند ( تگ های پاراگراف یا تیترها یا تگ لینک و.. ) میتوانیم به راحتی از صفت آی دی یا ID استفاده نماییم.

امتحان کنید

امتحان کنید

خب دوستان این بخش (آموزش نحوه ایجاد آی دی یا Id در HTML) هم به پایان رسید, امیدوارم که لذت برده باشید لطفا در بخش های بعدی همچنان با بنده همراه باشید.

Free-Learn

  • خلاصه ی این بخش
  • برای ایجاد یک ID یا آی دی یا یک شناسه منحصربفرد در درون یک تگ باید از صفت ID استفاده کرد.
  • برای فراخوانی یک ID در سی اس اس باید اول یک علامت # گذاشته و سپس دستورات سی اس اس را بنویسیم.
  • یک ID باید در درون یک صفحه بصورت یکتا یا منحصربفرد باشد.
  • یک تگ نمیتواند بصورت همزمان ۲ ID داشته باشد.
  • یک تگ میتواند بصورت همزمان هم ID و هم کلاس داشته باشد.
  • با استفاده از صفت ID میتوان یک لینک درون صفحه ای یا معروف به لنگر (Anchor) ایجاد کرد.
  • دانلود PDF این آموزش
  • برای دانلود فایل PDF این آموزش کلیک نمایید