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

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

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

Free-Learn

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

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

Free-Learn

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

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

امتحان کنید

Free-Learn

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

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

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

Free-Learn

روش استفاده

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

Free-Learn

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

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

مقدار توضیح
classname * برای تعریف یک یا چند کلاس برای یک عنصر
* برای تعریف بیش از یک کلاس باید بین نام کلاس ها یک فاصله قرار دهید.
مثال :

قوانینی که باید برای تعریف نام یک کلاس مورد توجه تان باشد :

  • نام یک کلاس باید با حروف الفبای انگلیسی کوچک و یا بزرگ شروع شود
  • در تعریف نام یک کلاس میتوان از حروف بزرگ،کوچک انگلیسی و همچنین از اعداد و همچنین از علامت های – و _ استفاده کرد.
  • نام کلاس نباید با عدد شروع شود. مثله ( ۴test. )

Free-Learn

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

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

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

Free-Learn

مثال های بیشتر از صفت class

مثال شماره ۱ : استفاده از چندین کلاس بصورت همزمان بروی یک تگ

امتحان کنید

Free-Learn