جعبه | سرویس اشتراک ویدیو

پخش زنده جام جهانی ۲۰۲۲ قطر

آموزش HTML قسمت 14 = شناسه ها - ID و CLASS ها

۴ ماه پیش
۵۲
بچه ها در این درس HTML ما مهارت های ID و کلاس ها رو در HTML تقویت می کنیم. شناسه‌ها (id) و کلاس‌ها (class) در HTML بخش مهمی از بخش‌بندی محتوا ها هستن و به ما امکان دسترسی به آن بخش‌ها را از طریق CSS و جاوا اسکریپت می‌دهند. صفت ID در HTML  ویژگی id در html برای تعیین یک شناسه منحصر به فرد برای یک عنصر HTML استفاده می شود. شما نمی توانید بیشتر از یک عنصر با شناسه یکسان در یک سند HTML داشته باشید. به معنای کلمه : شما فقط میتونید یکبار یک اسم مشابه به تگ هاتون بدید با استفاده از ویژگی id ویژگی id یک شناسه منحصر به فرد را برای یک عنصر HTML مشخص می کند. مقدار ویژگی id باید در سند HTML باید منحصر به فرد باشد. syntax های id این است که یک کاراکتر هش (#) بنویسید و به دنبال آن یک نام شناسه بنویسید. سپس، ویژگی های CSS را در بریس های فرفری {} تعریف کنید. مثال:   { font-size: 12px } header# توجه: نام شناسه (id) به حروف بزرگ و کوچک حساس است! توجه: نام شناسه باید حداقل یک کاراکتر داشته باشد، نمی تواند با یک عدد شروع شود و نباید حاوی فضاهای خالی (space) باشه. تفاوت بین کلاس و شناسه یک نام کلاس می تواند توسط چندین عنصر HTML استفاده شود، در حالی که یک نام شناسه باید فقط توسط یک عنصر HTML در صفحه استفاده شود. به معنای ساده تر، کلاس ها میتونن نام های مشابه داشته باشن اما شناسه ها منحصر به فرد هستن ویژگی کلاس ها در HTML برای تعیین یک کلاس برای یک عنصر HTML استفاده میشه. چندین عنصر HTML می توانند یک کلاس را به اشتراک بگذارند. با استفاده از ویژگی کلاس ویژگی class اغلب برای اشاره به نام کلاس در تگ هایی با استایل مشابه استفاده میشه. همچنین می تواند توسط جاوا اسکریپت برای دسترسی و دستکاری عناصر با نام کلاس خاص استفاده شود. نکته: ویژگی class را می توان در هر عنصر HTML استفاده کرد. توجه: نام کلاس به حروف بزرگ و کوچک حساس است! در دوره ی css ما بیشتر و تخصصی تر با این اصطلاحات آشنا میشیم syntax ها در کلاس: برای ساختن یک کلاس ما از . استفاده میکنیم و بعدش اسم مورد نظرمون رو میاریم و استایل دهی میکنیم مثال: { font-size: 16px } header. کلاس های چندگانه عناصر HTML می توانند به بیش از یک کلاس تعلق داشته باشند. برای تعریف چند کلاس، نام کلاس ها را با یک فاصله جدا کنید، که توی ویدیو و قسمت های بعد کامل راجب این موضوع صحبت کردیم. عنصر مطابق با تمام کلاس های مشخص شده استایل بندی می شود.