ایموجی ها (Emojis)
«ایموجی های HTML» شکلک های یونی کد هستند، نه تصویر. پس مثل متن کار می کنند و با «عدد نهاد (Entity Number)» هم قابل نمایش اند.
ایموجی چیست و چطور نشانش دهیم؟
ایموجی «حرف (Character)» از مجموعه UTF-8 است. بنابراین مستقیماً در HTML می آید.
<p>😀</p>
<p>😄 😍 💗</p>
تنظیم نویسه گان (charset) صفحه
برای نمایش درست، «نویسه گان (Character Set)» باید UTF-8 باشد.
<meta charset="UTF-8">
نمایش بر اساس کُد عددی
هر کاراکتر یک عدد دارد. با &#NUMBER; می توان آن را نوشت.
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<p>I will display A B C</p>
<p>A B C</p>
</body>
</html>
تغییر اندازه ایموجی ها
چون ایموجی «حرف» است، با CSS می توان اندازه را تغییر داد.
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h1>Sized Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
گام های عملی با ایموجی های HTML
- تگ <meta> را به UTF-8 تنظیم کن.
- یک ایموجی با عدد نهاد وارد کن.
- اندازه ایموجی را با CSS بزرگ کن.
نکته: عدد نهاد با &# شروع و با ; تمام می شود.
برای مفاهیم مرتبط، بخش نمادها (Symbols) و نهادها (Entities) را ببین. همچنین راهنمای ایموجی های HTML را به عنوان مرجع داخلی نگه دار.
جمع بندی سریع
- ایموجی «حرف» یونی کد است.
- نویسه گان را UTF-8 تنظیم کن.
- می توان از عدد نهاد استفاده کرد.
- با CSS اندازه را تغییر بده.
- پس از کدها، تست در ادیتور.