آموزش ایموجی ها در HTML

Ratings
(0)

به کاراکترهایی مانند موارد زیر که در مجموعه کاراکترهای UTF-8 قرار دارند، ایموجی گفته می شود:

😄 😍 💗

 

 امتحان کنید  مقدار ایموجی
  امتحان کنید 🗻   🗻
  امتحان کنید  🗼  🗼
 امتحان کنید  🗽  🗽
 امتحان کنید  🗾  🗾
 امتحان کنید  🗿  🗿
 امتحان کنید  😀  😀
 امتحان کنید  😁  😁
  امتحان کنید  😂  😂
 امتحان کنید 😃   😃
 امتحان کنید  😄  😄
 امتحان کنید  😅  😅

 برای مشاهده ی لیست کامل ایموجی های HTML، اینجا کلیک کنید.

مثال هایی از ایموجی های HTML

ایموجی های حمل و نقل در HTML

🚀🚁🚂🚃🚄

ایموجی های اداری در HTML

💺💻💼💽💾

ایموجی های مردمی در HTML

👮👯👰👱👲

ایموجی های حیوانات در HTML

🐂🐃🐄🐅🐆

 

ایموجی ها چه هستند؟

ایموجی ها، مانند تصاویر یا آیکون ها هستند اما(دقیقاً) به همان صورت نیستند. ایموجی ها، کاراکترهایی از مجموعه کاراکترهای UTF-8 (یونیکد) هستند.

نکته: کاراکترهای UTF-8 تقریباً تمام کاراکترها و نمادهای درون جهان را پوشش می دهد.

خصوصیت charset در HTML

برای اینکه بتوانیم یک صفحه ی HTML را به درستی نمایش دهیم، مرورگر ما باید بداند که در صفحه، قرار است از چه مجموعه کاراکترهایی استفاده کند. برای انجام این کار، باید از یک تگ متا، به صورت زیر استفاده کنیم:

<meta charset="UTF-8">

اگر این تگ، مشخص نشود، از مجموعه کاراکترهای UTF-8 به صورت پیش فرض، در HTML استفاده می شود.

کاراکترهای UTF-8

بسیاری از کاراکترهای UTF-8 را نمی توانیم در یک کیبورد تایپ کنیم، اما همواره می توانیم آنها را با استفاده از اعداد (که به آنها موجودیت های عددی گفته می شود) نمایش دهیم:

  • کاراکتر A برابر است با عدد 65
  • کاراکتر B برابر است با 66
  • کاراکتر C برابر است با 67

مثال شماره 1

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>

<p>I will display A B C</p>
<p>I will display &#65; &#66; &#67;</p>

</body>
</html>
امتحان کنید

 توضیح مثال بالا:

عنصر <meta charset="UTF-8"> مجموعه ی کاراکترهای(مورد استفاده) را مشخص می کند.

کاراکترهای A و B و C، توسط اعداد 65 و 66 و 67 نمایش یافته اند.

برای اینکه مرورگر بتواند یک کاراکتر را نمایش دهد، باید قبل از این عدد، یک  #& قرار دهیم و پس از آن عدد، از یک سمی کالن(; یا نقطه ویرگول) استفاده کنیم.

بررسی کاراکترهای ایموجی

ایموجی ها نیز جزو الفبای UTF-8 محسوب می شوند، مثلاً:

  • ایموجی 😄 برابر با 128516 است.
  • ایموجی 😍 برابر با 128525 است.
  • ایموجی 💗 برابر با 128151 است.

مثال شماره 2

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>

<h1>اولین ایموجی من</h1>

<p>&#128512;</p>

</body>
</html>
امتحان کنید

چونکه ایموجی ها، کاراکتر هستند، می توانیم آنها را کپی کنیم، نمایش دهیم، و مانند دیگر کاراکترهای HTML، برای آنها سایز در نظر بگیریم. 

مثال شماره 3

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>

<h1>ایموجی های اندازه دهی شده</h1>

<p style="font-size:48px">
&#128512; &#128516; &#128525; &#128151;
</p>

</body>
</html>
امتحان کنید

 

  • بازدید: 679

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.

ارسال