رموز العملات في HTML

يا هلا! تبغى تعرض رموز العملات في صفحتك الـ HTML؟ الموضوع بسيط وما يحتاج تعقيد. عندك طريقتين أساسيتين عشان تسويها، وكل وحدة لها استخداماتها.

1. استخدام HTML Entities (الكيانات)

هذي أسهل طريقة للرموز الشائعة. كل عملة مشهورة لها "اسم" خاص فيها تقدر تستخدمه. تبدأ بـ & وتنتهي بـ ;.

شوف أمثلة:

  • اليورو: € (€)
  • الجنيه الإسترليني: £ (£)
  • الين الياباني: ¥ (¥)
  • علامة الدولار: $ ($) أو أحياناً تكتب مباشرة $

مثال على الكود:

<p>السعر: €19.99</p>
<p>التكلفة: £50.00</p>
<p>المبلغ: ¥1200</p>

2. استخدام Unicode Character Codes (رموز اليونيكود)

هذي الطريقة أقوى وأشمل، لأنها تغطي تقريباً كل رموز العملات اللي ممكن تتخيلها، حتى اللي ما لها entity خاص فيها. تقدر تستخدمها بصيغتين: عشرية (Decimal) أو سداسية عشرية (Hexadecimal).

أ. الصيغة العشرية (Decimal)

تبدأ بـ &# وبعدها الرقم العشري للرمز، وتنتهي بـ ;.

  • اليورو: &#8364; (€)
  • الجنيه الإسترليني: &#163; (£)

مثال على الكود:

<p>القيمة: €25.50</p>
<p>الخصم: £10.00</p>

ب. الصيغة السداسية عشرية (Hexadecimal)

هذي الطريقة شائعة جداً خصوصاً للمطورين. تبدأ بـ &#x وبعدها الرقم السداسي عشري للرمز، وتنتهي بـ ;.

  • اليورو: &#x20AC; (€)
  • الريال السعودي: &#xFDFC; (﷼)
  • الروبية الهندية: &#x20B9; (₹)
  • البيتكوين: &#x20BF; (₿)

مثال على الكود:

<p>المجموع: €99.00</p>
<p>الرصيد: ﷼1500</p>
<p>الاستثمار: ₹50000</p>

ملاحظة مهمة جداً!

تأكد دائماً إن صفحتك تستخدم ترميز UTF-8. هذا يضمن إن كل الرموز تظهر صح بدون مشاكل. تضيفها في وسم كذا:

<head>
        <meta charset="UTF-8">
        <title>صفحتي</title>
    </head>

بدون UTF-8، ممكن الرموز تطلع مربعات أو رموز غريبة!

متى تستخدم أي طريقة؟

  • HTML Entities: للعملات الشائعة جداً واللي لها اسم entity واضح (مثل اليورو والجنيه والدولار والين). أسهل في القراءة والكتابة.
  • Unicode Codes: لأي عملة ثانية، أو لما تبغى تتأكد إن الرمز يشتغل في كل مكان، أو إذا كنت تتعامل مع رموز غير شائعة. هي الطريقة الأكثر مرونة وقوة.

وبس! هذا كل اللي تحتاجه عشان تعرض رموز العملات في HTML. بالتوفيق!