این آموزش در تاریخ ۱۴۰۰/۱۰/۲۹ آپدیت شده است.
آموزش دستور charset در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش دستور charset در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
دستور charset در CSS
با استفاده از دستور یا قانون charset@ در CSS میتوان نحوه کد گذاری کاراکترهای مورد استفاده در یک فایل CSS را تعریف و یا مشخص کرد.
در یک فایل CSS این دستور ( charset@ ) باید اولین دستوری باشد که در فایل قرار میگیرد، در واقع این دستور باید قبل از هر کدی در فایل قرار بگیرد، و نباید قبل از آن کدی وجود داشته باشد.
نباید هیچ فاصله ای قبل از این دستور و در بین حروف این دستور وجود داشته باشد.
|
1 2 3 |
@charset 'UTF-8'; نامعتبر است چون در بین تک کوتیشن گذاشته شده @charset UTF-8; نامعتبر است چون در بین دابل کوتیشن گذاشته نشده @charset "UTF-8"; نامعبر است چون قبل از دستور یک فاصله وجود دارد |
Free-Learn
مثال از این دستور
در ادامه میتوانید یک مثال از دستور charset@ را در زبان CSS مشاهده نمایید.
|
1 2 3 4 5 |
@charset "UTF-8"; یا @charset "iso-8859-15"; |
Free-Learn
جدول مشخصات دستور charset در CSS
در جدول زیر میتوانید مشخصات کلی این دستور را در زبان CSS مشاهده نمایید.
| مقدار پیش فرض | – |
|---|---|
| قابل ارث بری | – |
| قابل متحرک سازی | – |
| نسخه | CSS2 |
| نحوه استفاده در جاوااسکریپت | – |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از دستور charset@ در CSS پشتیبانی میکنند یا خیر.
| دستور | Chrome | Firefox | Opera | Safari | Edge |
| charset@ | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این دستور در CSS بصورت زیر می باشد.
|
1 |
@charset "Charset_Code"; |
Free-Learn
جدول مقادیر دستور charset در CSS
در جدول زیر میتوانید، مقادیری را که میتوان در این دستور استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Charset_Code | مشخص کردن کد Charset کد UTF-8 و iso-8859-15 بیشترین استفاده رو داره ( لیست کامل انواع کدگذاری کاراکترها ) |
Free-Learn
نکات و توضیحات
- این دستور باید دقیقا اولین دستوری باشد که در یک فایل CSS قرار میگیرد.
- اگر از چندین charset@ استفاده نمایید، اولین دستور مورد قبول می باشد و بقیه دستورات تاثیری ندارند.
از این دستور نمیتوان درون صفت Style استفاده کرد. مثال :
|
1 2 3 4 5 6 7 |
<body> <p style=' @charset "UTF-8" '> Free-Learn </p> </body> |
- همچنین اگر charset یک صفحه وب مشخص شده باشد دیگه دستور charset در تگ Style تاثیری نخواهد داشت. مثال :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html> <head> <!-- چون اینجا تعریف شده --> <meta charset="UTF-8"> <style> /* اینجا دیگه اثری نداره و لازم نیست استفاده کنید */ @charset "UTF-8"; </style> </head> <body> <p>سایت آموزشی فری لرن</p> </body> </html> |
