HTML / رموز البلدان
تحديد بلد لغة الصفحة
في هذا الدرس، سنتعرف على رموز البلدان التي يمكن إضافتها مع رموز اللغة. على سبيل المثال، يمكن تحديد أن لغة الصفحة هي العربية مع اللهجة السعودية على وجه الخصوص.
تحديد البلد مع اللغة يعني تحديد اللهجة التي تُنطق بها اللغة. هذا الأمر يعتبر اختياريًا مثل تحديد اللغة نفسها. يمكن أن يساعد ذلك في تحسين تجربة المستخدم، حيث أن بعض اللغات تتحدث بلهجات متعددة تختلف حسب البلد.
الأحرف التي تستخدم للإشارة إلى البلدان
بشكل عام، كل بلد له حرفان يرمزان إليه، وهذه الأحرف تم وضعها بالإعتماد على نظام المعايير العالمي ISO 3166-1 alpha-2 المخصص لذلك. يتم استخدام رموز البلدان لتحديد لهجات معينة للغات، مما يساعد في توفير تجارب مخصصة للمستخدمين.
مثال على تحديد اللغة والبلد
في المثال التالي، قمنا بإعلام المتصفح بأن اتجاه الصفحة هو من اليسار إلى اليمين، وأن محتواها باللغة الإنجليزية الأمريكية. في هذا المثال، الرمز en-US مقسوم لجزأين حيث أن en يقصد بها اللغة الإنجليزية، وUS يقصد بها لهجة الولايات المتحدة الأمريكية:
<!DOCTYPE html> <html dir="ltr" lang="en-US"> <body> <p>"the Big Apple" is a nickname for New York City.</p> </body> </html>
شرح المثال الأول:
في هذا المثال، نستخدم الوسم <html> مع الخصائص التالية:
- dir="ltr": تحدد اتجاه النص من اليسار إلى اليمين، وهو الاتجاه الافتراضي للغات مثل الإنجليزية.
- lang="en-US": تشير إلى أن اللغة المستخدمة هي الإنجليزية، مع تحديد اللهجة الأمريكية.
في داخل الوسم <body>، لدينا فقرة تحتوي على نص يوضح أن "التفاحة الكبيرة" هو لقب لمدينة نيويورك. هذه الفقرة تُكتب باللغة الإنجليزية الأمريكية.
مثال على تحديد اللغة والبلد باللغة العربية
في المثال التالي، نقوم بإعلام المتصفح بأن اتجاه الصفحة هو من اليمين إلى اليسار، وأن محتواها باللغة العربية السعودية. في هذا المثال، الرمز ar-SA مقسوم لجزأين حيث أن ar يقصد بها اللغة العربية، وSA يقصد بها لهجة المملكة العربية السعودية:
<!DOCTYPE html> <html dir="rtl" lang="ar-SA"> <body> <p>لا فضل لعربي على أعجمي، ولا لأبيض على أسود، ولا لأسود على أبيض إلا بالتقوى.</p> </body> </html>
شرح المثال الثاني:
في هذا المثال، نستخدم الوسم <html> مع الخصائص التالية:
- dir="rtl": تحدد اتجاه النص من اليمين إلى اليسار، وهو الاتجاه المناسب للغات مثل العربية.
- lang="ar-SA": تشير إلى أن اللغة المستخدمة هي العربية، مع تحديد اللهجة السعودية.
تحتوي الفقرة في الوسم <body> على نص عربي معروف يتحدث عن المساواة بين الناس، وهذا النص مكتوب باللهجة السعودية.
جدول رموز البلدان
هنا جدول يوضح بعض رموز البلدان مع شرح لكل رمز:
| البلد | الرمز | شرح |
|---|---|---|
| أفغانستان | AF | رمز البلد المستخدم للإشارة إلى أفغانستان. |
| ألبانيا | AL | رمز البلد المستخدم للإشارة إلى ألبانيا. |
| الجزائر | DZ | رمز البلد المستخدم للإشارة إلى الجزائر. |
| أندورا | AD | رمز البلد المستخدم للإشارة إلى أندورا. |
| أنغولا | AO | رمز البلد المستخدم للإشارة إلى أنغولا. |
| الأرجنتين | AR | رمز البلد المستخدم للإشارة إلى الأرجنتين. |
| أرمينيا | AM | رمز البلد المستخدم للإشارة إلى أرمينيا. |
| أستراليا | AU | رمز البلد المستخدم للإشارة إلى أستراليا. |
| النمسا | AT | رمز البلد المستخدم للإشارة إلى النمسا. |
| أذربيجان | AZ | رمز البلد المستخدم للإشارة إلى أذربيجان. |
| الباهاماس | BS | رمز البلد المستخدم للإشارة إلى الباهاماس. |
| البحرين | BH | رمز البلد المستخدم للإشارة إلى البحرين. |
| بنغلاديش | BD | رمز البلد المستخدم للإشارة إلى بنغلاديش. |
| بلجيكا | BE | رمز البلد المستخدم للإشارة إلى بلجيكا. |
| البرازيل | BR | رمز البلد المستخدم للإشارة إلى البرازيل. |
| كندا | CA | رمز البلد المستخدم للإشارة إلى كندا. |
| تشيلي | CL | رمز البلد المستخدم للإشارة إلى تشيلي. |
| الصين | CN | رمز البلد المستخدم للإشارة إلى الصين. |
| كولومبيا | CO | رمز البلد المستخدم للإشارة إلى كولومبيا. |
| مصر | EG | رمز البلد المستخدم للإشارة إلى مصر. |
| فرنسا | FR | رمز البلد المستخدم للإشارة إلى فرنسا. |
| ألمانيا | DE | رمز البلد المستخدم للإشارة إلى ألمانيا. |
| اليابان | JP | رمز البلد المستخدم للإشارة إلى اليابان. |
| الأردن | JO | رمز البلد المستخدم للإشارة إلى الأردن. |
| المغرب | MA | رمز البلد المستخدم للإشارة إلى المغرب. |
| السعودية | SA | رمز البلد المستخدم للإشارة إلى المملكة العربية السعودية. |
| الإمارات العربية المتحدة | AE | رمز البلد المستخدم للإشارة إلى الإمارات العربية المتحدة. |
| الولايات المتحدة الأمريكية | US | رمز البلد المستخدم للإشارة إلى الولايات المتحدة الأمريكية. |
| إيطاليا | IT | رمز البلد المستخدم للإشارة إلى إيطاليا. |
| إسبانيا | ES | رمز البلد المستخدم للإشارة إلى إسبانيا. |
| تركيا | TR | رمز البلد المستخدم للإشارة إلى تركيا. |
| جنوب أفريقيا | ZA | رمز البلد المستخدم للإشارة إلى جنوب أفريقيا. |
| سيريلانكا | LK | رمز البلد المستخدم للإشارة إلى سيريلانكا. |
| تايلاند | TH | رمز البلد المستخدم للإشارة إلى تايلاند. |
| الفلبين | PH | رمز البلد المستخدم للإشارة إلى الفلبين. |
| أيسلندا | IS | رمز البلد المستخدم للإشارة إلى أيسلندا. |
مثال على استخدام رموز اللغة والبلد معًا
يمكننا دمج رموز اللغة والبلد لتحديد لهجة معينة عند كتابة محتوى الصفحة. على سبيل المثال، إذا أردنا الإشارة إلى اللغة الإنجليزية الأمريكية، نستخدم الرمز en-US، أو إذا أردنا الإشارة إلى اللغة العربية باللهجة السعودية، نستخدم الرمز ar-SA.
مثال نهائي: صفحة متعددة اللغات
في هذا المثال، نعرض صفحة تحتوي على نصوص بأكثر من لغة. سنستخدم خاصية lang لتحديد اللغة المناسبة لكل قسم من النصوص:
<!DOCTYPE html> <html lang="en"> <body> <h2>Welcome to the Language Page</h2> <p>This page contains text in multiple languages.</p> <p lang="fr">Bonjour, comment ça va?</p> <p lang="ar">مرحباً، كيف حالك؟</p> </body> </html>