كيفية ترجمة الموقع من الإنجليزية إلى العربية هل يتم ذلك بواسطة HTML؟

Esraa . · 19 فبراير

ماهي الخاصية في html التي تحول اللغة من انجليزي لعربي

تم التعديل في 19 فبراير بواسطة Mustafa Suleiman
تعديل عنوان السؤال

Mahmoud Hassan19 · 19 فبراير

في HTML، يمكنك استخدام خاصية lang (وهي تعني language بالإنجليزية) لتحديد لغة صفحة الويب

يمكنك استخدام هذه الخاصية في عنصر <html> لتحديد لغة الصفحة

على سبيل المثال، إذا كانت صفحتك باللغة العربية، يمكنك استخدام الكود التالي

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>صفحتي</title>
</head>
<body>
    <!-- محتوى الصفحة يأتي هنا -->
</body>
</html>

في هذا المثال، قمنا بتحديد lang بقيمة "ar" التي تمثل اللغة العربية. يمكنك استخدام "en" لتحديد اللغة الإنجليزية وهكذا تحديد اللغة بشكل صحيح يساعد المتصفحات ومحركات البحث على تحديد كيفية عرض النصوص والتعامل مع اللغة المحددة
يمكنك استخدام JavaScript لتحقيق تغيير لغة الصفحة عند النقر على زرار
للقيام بذلك يمكنك تعيين قيمة lang لعنصر <html> باستخدام JavaScript
فيما يلي مثال بسيط يظهر كيفية تغيير اللغة باستخدام زر

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>صفحتي</title>
</head>
<body>
    <h1 id="content">مرحبًا</h1>
    
    <button onclick="changeLanguage()">تغيير اللغة</button>

    <script>
        function changeLanguage() {
            var htmlElement = document.querySelector('html');
            var currentLang = htmlElement.lang;

            // التبديل بين اللغتين
            var newLang = (currentLang === 'ar') ? 'en' : 'ar';

            // تعيين قيمة اللغة الجديدة
            htmlElement.lang = newLang;

            // تحديث النصوص بناءً على اللغة الجديدة (اختياري)
            if (newLang === 'ar') {
                document.getElementById('content').innerText = 'مرحبًا';
            } else {
                document.getElementById('content').innerText = 'Hello';
            }
        }
    </script>
</body>
</html>

تم التعديل في 19 فبراير بواسطة Mahmoud Hassan19

Mustafa Suleiman · 19 فبراير

ما تقصدينه هو تغيير اتجاه النص من اليسار إلى اليمين، أي يصبح الإتجاه من اليمين إلى اليسار RTL وهو اختصار لـ Right to Left وهو اتجاه اللغة العربية، ويتم أيضًا تحويل إتجاه العناصر من اليمين إلى اليسار أيضًا.

وذلك من خلال سمة dir مع قيمة rtl، ونضعها في العنصر الرئيسي لصفحة HTML وهو عنصر html كالتالي:

<!DOCTYPE html>
<html dir="rtl">
<head>
<meta charset="UTF-8">
<title>عنوان الصفحة</title>
</head>
<body>
هذا نص باللغة العربية
</body>
</html>

أو يمكننا بدلاً من ذلك استخدام CSS حيث نكتب التالي:

html {
  direction: rtl;
}

واستخدام الخاصية dir هو الخيار المفضل لضبط اتجاه الصفحة بأكملها، وبالطبع تستطيعي استخدام CSS لضبط اتجاه عناصر محددة فقط في الصفحة.

Esraa . · 19 فبراير

ما أقصده هو خاصية تترجم الموقع للغة العربية اذا كانت انجليزية

Mahmoud Hassan19 · 19 فبراير

ليس هناك شي مباشر في html تمكنك من ذاللك تسطيع استخدام او دمج Google Translate
API اذ كنت تريد ترجمة الصفحة (html)

تم التعديل في 19 فبراير بواسطة Mahmoud Hassan19

Esraa . · 19 فبراير

بتاريخ 8 دقائق مضت قال Mahmoud Hassan19:

الا يوجد في لغة css او java

Mustafa Suleiman · 19 فبراير

بتاريخ 3 دقائق مضت قال Esraa .:

ما أقصده هو خاصية تترجم الموقع للغة العربية اذا كانت انجليزية

لا يوجد ذلك، فلغة HTML هي لغة هيكلية أو وصفية لهيكلة عناصر الصفحة، وما تريدينه يتم من خلال لغة برمجة وهي جافاسكريبت، وقد تم توضيح كيفية فعل ذلك هنا:

Mahmoud Hassan19 · 19 فبراير

بتاريخ 1 دقيقة مضت قال Esraa .:

تسطيع استخدام javascript
للتبديل content text الخاص بعناصر ال html

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>صفحتي</title>
</head>
<body>
    <h1 id="content">مرحبًا</h1>
    
    <button onclick="changeLanguage()">تغيير اللغة</button>

    <script>
        function changeLanguage() {
            var htmlElement = document.querySelector('html');
            var currentLang = htmlElement.lang;

            // التبديل بين اللغتين
            var newLang = (currentLang === 'ar') ? 'en' : 'ar';

            // تعيين قيمة اللغة الجديدة
            htmlElement.lang = newLang;

            // تحديث النصوص بناءً على اللغة الجديدة (اختياري)
            if (newLang === 'ar') {
                document.getElementById('content').innerText = 'مرحبًا';
            } else {
                document.getElementById('content').innerText = 'Hello';
            }
        }
    </script>
</body>
</html>

El Sayed El Tohamy · 19 فبراير

الموضوع - ببساطة شديدة حتى لا تدخلي نفسك في أمور معقدة - يمكن أن يتم بأكثر من طريقة، ولكنهم جميعًا يعتمدون على نفس المفهوم، وهو وجود نسخة من المحتوى العربي ونسخة من المحتوى الإنجليزي، ويتم عرض المحتوى المناسب بناء على اختيار اللغة.

هناك أسلوب ينشئ صفحة مستقلة للعربية وأخرى للإنجليزية،

يمكنك مشاهدة التوضيح كاملاً من الرابط التالي:

كيفية ترجمة الموقع من الإنجليزية إلى العربية هل يتم ذلك بواسطة HTML؟

السؤال

Esraa .

8 أجوبة على هذا السؤال

Recommended Posts

Mahmoud Hassan19

Mustafa Suleiman

Esraa .

Mahmoud Hassan19

Esraa .

Mustafa Suleiman

Mahmoud Hassan19

El Sayed El Tohamy

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية