این آموزش در تاریخ ۱۳۹۷/۰۸/۲۰ آپدیت شده است.
پرسش و پاسخ – نحوه ایجاد ID در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با پرسش و پاسخ – نحوه ایجاد ID در HTML با من همراه باشید.
Free-Learn
پرسش از شما، پاسخ از بنده تا جایی که بتونم و در توانم باشه، لطفا پرسش تان را فقط در رابطه با بخش مشخص شده ارسال نمایید تا نظم و ترتیب در بخش پرسش و پاسخ بخوبی رعایت شود.
Free-Learn
بنده خودم یکسری پرسش بهمراه پاسخ ارائه میدهم، امیدوارم که در بین پاسخ ها به جواب پرسش تان برسید ، ولی در صورتی که پرسش و پاسخ تان را در بین پرسش و پاسخ های زیر پیدا نکردید، لطفا حتما از طریق فرم زیر پرسش تان را ارسال نمایید.
آی دی یا ID چیه؟ فرقش با Class چیه؟
آی دی یا ID : میتونه یک شناسه یا آی دی منحصر بفردی رو برای یک تگ در یک صفحه ی وب تعریف کند.
کلاس یا Class : میتونه یک کلاس رو برای یک یا چندین تگ در یک صفحه ی وب تعریف کند.
برای تعریف یک آی دی یا ID در تگ های HTML باید چگونه عمل کرد؟
برای تعریف یا ایجاد ID در تگ های HTML ، با استفاده از صفت ID به راحتی میتوان اینکارو انجام داد. (مثه دستور زیر)
و برای فراخوانی ID در CSS باید اول یک علامت (#) گذاشته سپس نام ID را نوشته و در نهایت دستورات CSS را مینویسیم. (مثه دستور زیر)
لطفا برای مشاهده مثال (که بهتر متوجه شوید) اینجا کلیک نمایید
برای تعریف نام یک id باید چگونه عمل کنم؟ آیا هر نامی که بخوام بصورت دلخواه میتونم استفاده کنم؟
هر نامی خیر، چون یکسری قوانین برای تعریف نام یک ID وجود دارد که شما باید به آن قوانین احترام بگذارید.
جناب اسدی عزیز ،
ممنونم از سایت فوق العادتان
سوالی داشتم ، مگر نه اینکه هر تک فقط یک ای دی میتونه داشته باشه و اون منحصر به خودشه ،
من تونستم یک ای دی درست کنم و تو دوتا تگ استفاده کنم واستایلاش مشابه شد
خوب اگر این اتفاق بیفته که همون کار کلاس رو انجام داد !
باسلام خدمت شما دوست خوبم
خیلی سپاسگزارم از لطف شما، سایت متعلق بخودتون می باشد
بله هر عنصر یا تگ تنها ۱ عدد ID میتونه در یک صفحه داشته باشه، یعنی اگه از ۲ عدد ID درون یک تگ استفاده کنید دیگه کلا انگار اون تگ از کار میوفته و عمل نمیکنه. پس فقط ۱ عدد ID باید درون یک عنصر یا تگ وارد شود. ( مثال )
ولی دقیقا برعکسش کلاس ، مثلا ما میتونیم از ۵ کلاس همزمان درون یک تگ استفاده کنیم و هیچ مشکلی نداره. ( مثال )
و اینکه میگیم باید منحصر بفرد باشه، چون بیشترین استفاده از ID ها در جاوااسکریپت هس، یعنی با استفاده از جاوااسکریپت به عناصر موجود در صفحه دسترسی پیدا میکنیم و سپس میتونیم عملیات موردنظرمون رو روش اجرا کنیم، برای همین یک تگ اولا باید فقط ۱ عدد ID داشته باشه و دوما اون ID باید یکتا / منحصر بفرد باشه در صفحه.
ولی در CSS برخلاف جاوااسکریپت دیگه این حساسیته مهم نیست، مثلا اگه از یک ID در چندین تگ استفاده کرده باشیم هیچ مشکلی نداره و در CSS به راحتی این عناصر استایل میگیرند ولی در جاوااسکریپت اگه از یک ID یکسان در چندین تگ استفاده کرده باشیم فقط اولین عنصر عملیات روش اجرا میشه ( مثال )
امیدوارم که مشکلی نداشته باشید ولی اگه باز مشکلی هست حتما بپرسید
باتشکر
عالی ، گرفتم چی شد ، ممنونم
سلام و صد درود خدمت جناب آقای صادق اسدی
واقعا دستتون درد نکنه بابت توضیحات کامل و روانتون
چندین فیلم آموزشی در مورد html , css دیدم ولی تو هیچکدومشون تفاوت class و id رو نگفتن و به راحتی از کنارش رد شدن
خیلی دنبال تفاوت این دو بودم که بالاخره دیدم تو سایت شما کامل در مورد تفاوت این دو توضیح داده شده
بازم ممنون
خسته نباشید
سلام و عرض ادب خدمت شما دوست خوبم
خیلی خواهش میکنم و خوشحالم که براتون مفید بوده
اول سلامتی و بعد موفقیت رو براتون آرزو دارم
سلام.
اگر بخوایم برای یک تگ هم آیدی و هم کلاس در نظر بگیریم، میتونیم اسم یکسان برای آیدی و کلاس قرار بدیم؟
مثلاً اسم کلاس اون تگ باشه Q1 و اسم آیدی اون تگ هم باشه Q1
باسلام و عرض ادب
بله میشه و هیچ مشکلی نداره
اگه تفاوت های آی دی و کلاس رو در آموزش مربوط به خودشون دیده باشید میدونید که بله میشه یک تگ هم ID و هم Class داشته باشه و نام یکسان هم برای Id و class اشکال نداره
و اینو بدونید همیشه از ID ها بیشتر در جاوااسکریپت استفاده میشه ولی باید حتما توجه داشته باشید که ID باید منحصر به فرد باشه
مثلا اگه تگی کلاس test داشت و آی دی test خب اشکال نداره ولی اگه باز یک تگ دیگه هم آی دی test داشته باشه دیگه اون دستور جاوااسکریپت عمل نمیکنه بلکه فقط روی id اولی عمل میکنه
مثال
پس اینجاست که میگیم آی دی در صفحه همیشه یکتا (منحصر به فرد) باشه
سلام.
بابت پاسخ گویی و آموزش های رایگانتون ممنونم، از خدا براتون بهترین مصلحت رو میخوام.
باسلامی مجدد
خیلی ممنونم از لطفتون
خوشحالم که سایت مفیده براتون
هرموقع مشکلی خدایی نکرده چیزی بود حتما از طریق ایمیل ( تو فوتر سایت قراره داره) باهام ارتباط بگیرید
آرزوی سلامتی دارم براتون