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

صفت class در HTML

صفت class صفتی است که ما با استفاده از آن می توانیم برای یک عنصر یک یا چندین کلاس تعریف نماییم و سپس برای همان کلاس ها در CSS استایل تعریف کرد. همچنین علاوه بر css ما نیز می توانیم از کلاس ها در javascript نیز استفاده نماییم.

صفت class را هم می توان به چند عنصر نسبت داد و هم به یک عنصر چند class .

روش استفاده

<element class=“name_class>

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

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

نتیجه :

صفت class در تگ div
صفت class در تگ div

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

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

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

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

نام کلاس نباید با عدد شروع شود

در تعریف نام یک کلاس می توان از حروف بزرگ،کوچک انگلیسی و همچنین از اعداد و همچنین از علامت های – و _ استفاده کرد.

نام کلاس به حروف کوچک و بزرگ حساس است

 

برای تعریف یک یا چند کلاس برای یک عنصر

<div class=“test1 test2 test3”>..</div>

در HTML5 صفت class را می توان با تمامی عناصر معتبر بکار گرفت در حای که در html4 به تگ های , <title>و <base>, <head>, <html>, <meta>, <param> <script>, <style> نمی توان نسبت داد

نحوه صدا زدن عنصر با صفت class در css

برای صدا زدن یک عنصر با صفت class در css از (.) استفاده می کنیم همانند مثال زیر

<style>

}class_name.

;background-color:red

;  color: white

;  padding: 10px
{
</style>

همانطور که مشاهده می کننید ابتدای نام دلخواه خودمان (class_name) از نقطه (.) استفاده کردیم

 

class در جاوا اسکریپت :

برای دسترسی به المنت ها به وسیله کلاس در جاوا اسکریپت باید از دستور ()document.getElementsByClassName استفاده کنیم .

<script>
}()function myFunction
(“var x = document.getElementsByClassName(“myclass
{
</script>

 

فرق id و class در HTML چیست؟

۱- در سند HTML یک تگ فقط می تواند یک id به خود اختصاص دهد. ولی در کلاس یک تگ می تواند چندین class داشته باشد.

۲- یک المنت همزمان هم می تواند Class داشته باشد و هم id.

۳- فرق id و class در سند html و css در اختصاصی و عمومی عمل کردن برای المنت ها می باشد.

۴- id با علامت # شناسایی می شود اما class با نقطه (.) معرفی می شود.

 

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

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

 

ارسال دیدگاه

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

×

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

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

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

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