HTML Emojis

ایموجی‌ها در واقع همون کاراکترهای Unicode هستن.
یعنی مثل متن عادی می‌تونی اون‌ها رو توی HTML استفاده کنی.

🔹 1. استفاده مستقیم از ایموجی

می‌تونی ایموجی رو مستقیم در کد HTML بذاری:

<p>سلام دنیا 🌍</p>
<p>من عاشق برنامه‌نویسی‌ام 💻❤️</p>

🔹 2. استفاده از کد یونیکد (Unicode)

هر ایموجی یک کد یونیکد (Unicode Code Point) داره.
برای استفاده باید از فرمت &#xکد; استفاده کنی.

مثال:

<p>سیاره زمین: &#x1F30D;</p>  <!-- 🌍 -->
<p>قلب: &#x2764;</p>           <!-- ❤ -->
<p>کامپیوتر: &#x1F4BB;</p>     <!-- 💻 -->

🔹 3. استفاده در HTML Entities

ایموجی‌ها معمولاً با Entity Name مشخص نمی‌شن (مثل &copy; برای ©).
پس بهتره از روش Unicode (&#x....;) استفاده کنیم.

🔹 4. استفاده در Attribute ها

ایموجی‌ها رو حتی می‌تونی توی عنوان‌ها، دکمه‌ها و Attributeها استفاده کنی:

<button>👍 Like</button>
<a href="#">خانه 🏠</a>
<input type="text" placeholder="جستجو 🔍">

🔹 5. ترکیب ایموجی‌ها

بعضی ایموجی‌ها رو می‌تونی با هم ترکیب کنی (Emoji ZWJ Sequences).
مثلاً:

<p>👩‍💻 برنامه‌نویس خانم</p>
<p>👨‍💻 برنامه‌نویس آقا</p>

🔹 6. نکته مهم

برای اینکه ایموجی‌ها درست نمایش داده بشن باید توی <head> مطمئن بشی UTF-8 Encoding فعال هست:

<meta charset="UTF-8">

✅ نمونه کامل:

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>Emoji Example</title>
</head>
<body>
  <h1>ایموجی‌ها در HTML 😎</h1>
  <p>سلام دنیا 🌍</p>
  <p>برنامه‌نویسی یعنی عشق 💻❤️</p>
  <button>👍 Like</button>
  <a href="#">خانه 🏠</a>
</body>
</html>