آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

نکاتی کاربردی در مورد CSS (جلسه 13) : استفاده از کاراکترهای نامعتبر بعنوان کلاس HTML

2 378 ۵ دی ۹۵

در این مطلب با ادامه نکاتی کاربردی در مورد CSS در خدمتتون هستیم.
css-style

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

این اصل و موضوع درون این لینک بصورت کامل توضیح داده شده و میتونین مطالعه بیشتری داشته باشید.

چیزی که در پست بالا به اون اشاره شده، استفاده از / یا Slash برای جداسازی و گروه بندی کلاسهای HTML هست تا کدهایی با قابل خوانایی بهتر داشته باشیم. با وجود اینکه این کارکتر نامعتبر هست ولی مرورگر اون رو مسدود نمیکنه و اونو نادیده میگیره و کاری باهاش نداره. فرض کنید شما کدی با کلاسهای زیر دارید:

با قرار دادن / یا Slash بصورت زیر خواهد شد:

شما میتونین از هر کارکتر (چه مجاز و چه غیر  مجاز) برای اینکار استفاده کنید:

میبینید که با استفاده از این کارکترها، کلاسهای شبیه به هم رو گروه بندی کردیم. همه موارد بالا به خوبی کار میکنن و نتیجه یکسانی دارن. میتونین خروجی کدهای بالا رو در دموی زیر مشاهده کنید:

دلیل اینکه به این موارد غیرمعتبر میگن اینه که نمیشه از این موارد برای استایل دهی در CSS استفاده کرد. پس اگر بخایم به کلاس / استایل بدیم، نمیشه بصورت زیر از اون در CSS استفاده کرد و غیر معتبر هست:

اگر شما قصد این رو داشته باشید که از کاراکترهای غیرمعتبر درون HTML استفاده کنید و بتونین درون CSS به اونا دسترسی داشته باشید و بتونین آدرس دهی کنید میتونین اونا رو با استفاده از این ابزار یا با قرار دادن \ یا Back Slash رها یا Escape کنید. پس برای اینکه کد بالا کار کنه میتونین اون رو بصورت زیر بنویسید:

بیاید یک مقدار ماجرا رو پیش ببریم و از کارکترهای Unicode مثل ♥ استفاده کنیم. با استفاده از این موارد شما دیگه نیازی به Escape کردن با \ هم ندارید و میتونین بصورت زیر عمل کنید. کد HTML:

کد CSS برای استایل دهی به کد بالا:

شما همچنین میتونین این کاراکترها رو با استفاده از روش زیر Escape کنید. کد پایین معادل با کد بالا هست:

بهمین راحتی.

در جلسات بعدی با ادامه نکات در خدمتتون هستیم.

امیدوارم از این جلسه خوشتون اومده باشه.

موفق و پیروز باشید.

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    حاجی زاده(۱۶ دی ۱۳۹۵)

    درود آقای اسفندیاری.
    این ترفندها حرف نداشت.
    مرسی داری.

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram