Abolfazl
2 سال پیش توسط Abolfazl مطرح شد
2 پاسخ

بخش اhtml entity در آیکون icomon

توی پروژه ای که دارم انجام میدم از پکیچ های آیکون icomon استفاده کردم و به پروژه اضافه کردم و یک بخش داره به نام html entity و من نمیدونم کاربردش چیه یه چه شکل میشه ازش استفاده کرد و سینتکس نوشتاریش چجوریه
مثلا یکی از html entity آیکون ها اینه &#xe980
اگه خودتون بخواید ازش استفاده کنید چه شکلی استفاده می‌کنید


ثبت پرسش جدید
oss_vahid
تخصص : wp developer
@ossvahid 1 سال پیش مطرح شد
0

سلام ارادت من با icomon کار نکردم ولی fontawesome ی همچنین چیزی داره ی مثال از اون میارم تا متوجه بشید

نمونه کد اول

<i class='fab fa-accessible-icon'></i>

نمونه کد دوم

<i class='fab'>&#xf368;</i>

دوتا کد بالا دقیقا یکار رو انجام میدن و یک آیکون یکسان رو چاپ میکنن تفاوت‌شون در اینکه کد دومی یکم کوتاه تره و البته خوانایی کمتری داره

همچنین از نمونه کد دومی میتونید داخل css هم استفاده کنید از همش نه از کد داخل تگ

#test::after 
{
content: "\xf368"
}

MPB
تخصص : Front-end developer
@MPBCoder 1 سال پیش مطرح شد
0

باسلام html entity یعنی مثلا <‌p> رو میخوای نشون بدی ولی خب چون اسم یه تگه دیده نمیشه و به عنوان تگ دیده میشه برای همین مثلا بجای < , از &‌Lt; میشه .... کاربرد html entity همینه....


oss_vahid
تخصص : wp developer
@ossvahid 1 سال پیش مطرح شد
0

سلام ارادت من با icomon کار نکردم ولی fontawesome ی همچنین چیزی داره ی مثال از اون میارم تا متوجه بشید

نمونه کد اول

<i class='fab fa-accessible-icon'></i>

نمونه کد دوم

<i class='fab'>&#xf368;</i>

دوتا کد بالا دقیقا یکار رو انجام میدن و یک آیکون یکسان رو چاپ میکنن تفاوت‌شون در اینکه کد دومی یکم کوتاه تره و البته خوانایی کمتری داره

همچنین از نمونه کد دومی میتونید داخل css هم استفاده کنید از همش نه از کد داخل تگ

#test::after 
{
content: "\xf368"
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام