HTML Tutorial

HTML Internationalization

تهدف "HTML Internationalization" إلى جعل مواقع الويب متاحة لجمهور عالمي بغض النظر عن اللغة أو الموقع الجغرافي. فيما يلي الخطوات العملية لتنفيذ "HTML Internationalization":

بيانات وصفية للغة:

  • استخدم عناصر <html lang="XX"> لتحديد لغة الصفحة.
  • استخدم سمة lang في العناصر الفرعية لتجاوز لغة الصفحة.

ترميز الأحرف:

  • استخدم ترميز UTF-8 لتمكين عرض أي لغة.
  • أضف meta لتحديد الترميز: <meta charset="UTF-8">

الاتجاه:

  • استخدم سمة dir لتحديد اتجاه النص (ltr لليسار إلى اليمين، rtl لليمين إلى اليسار).

التوطين:

  • قم بإنشاء صفحات منفصلة لكل لغة مستهدفة.
  • استخدم معرفات الترجمة لتسهيل الترجمة.
  • اختبر موقع الويب في جميع اللغات المستهدفة.

مثال HTML لإنشاء موقع ويب متعدد اللغات:

<html lang="en">
<meta charset="UTF-8">
<title>My Multilingual Website</title>
<body>
  <h1>مرحبا بالعربية</h1>
  <h1>Hello in English</h1>
</body>
</html>

دليل وصول مُحسَّن

  • استخدم عناصر <label> و<title> للتوضيح عن العناصر.
  • استخدم عناصر <alt> لوصف الصور.
  • استخدم أوصاف نصية شاملة في روابط التشعب التشعبي.
  • تأكد من توافق ألوان الخطوط والألوان مع معايير قابلية الوصول.