فهم الترميز في صفحات HTML وكيفية استخدام UTF-8 لدعم جميع اللغات

هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب

الدرس: فهم الترميز في صفحات HTML وكيفية استخدام UTF-8 لدعم جميع اللغات

المدة: 5 دقائق

وصف مختصر:

فهم مجموعة الأحرف في HTML وكيفية استخدام UTF-8 لدعم جميع النصوص واللغات. تجنب مشكلات الترميز مع النصوص الصينية والعربية

وصف الدرس

فهم مجموعة الأحرف في صفحات HTML وكيفية استخدام UTF-8 لدعم جميع اللغات

تعد مجموعة الأحرف (Character Set) من العناصر الأساسية في تطوير صفحات الويب. في هذا الدرس، سنتناول مفهوم مجموعة الأحرف وكيفية استخدامها بشكل صحيح لدعم جميع اللغات والرموز الخاصة.

ما هي مجموعة الأحرف (Character Set) في صفحات الويب؟

مجموعة الأحرف هي مجموعة من الرموز التي يمكن استخدامها لتمثيل النصوص في مستندات الويب. في HTML، يتم تحديد مجموعة الأحرف باستخدام وسم <meta> في رأس الصفحة.

ما هو وسم <meta> مع charset في صفحة الويب؟

وسم <meta> مع خاصية charset يُستخدم لتحديد مجموعة الأحرف التي تستخدمها الصفحة. يعد UTF-8 هو الخيار الأفضل لأنه يدعم جميع اللغات والرموز الخاصة.

ما هو الحرف؟

الحرف هو وحدة نصية أساسية في مجموعة الأحرف. يمكن أن يكون حرفًا من الأبجدية، رقمًا، أو رمزًا خاصًا.

أمثلة على تأثير مجموعة الأحرف على النصوص:

  1. مجموعة الأحرف ISO-8859-1:

    html






    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="ISO-8859-1"> <!-- ISO-8859-1 does not support Chinese and Arabic characters -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Encoding Issue Demonstration</title>
    </head>
    <body>
    <h1>Character Encoding Issue</h1>
    <p>English Text: Hello, welcome to our website!</p>
    <p>Spanish Text: ¡Hola, bienvenido a nuestro sitio web!</p>
    <p>Chinese Text: 你好,欢迎来到我们的网站!</p> <!-- This will not display correctly -->
    <p>Arabic Text: مرحبا بك في موقعنا!</p> <!-- This will not display correctly -->
    </body>
    </html>


    ملاحظة: مجموعة الأحرف ISO-8859-1 لا تدعم النصوص الصينية والعربية.

  2. مجموعة الأحرف UTF-8:

    html






    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8"> <!-- UTF-8 supports all languages -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Encoding Issue Demonstration</title>
    </head>
    <body>
    <h1>Character Encoding Issue</h1>
    <p>English Text: Hello, welcome to our website!</p>
    <p>Spanish Text: ¡Hola, bienvenido a nuestro sitio web!</p>
    <p>Chinese Text: 你好,欢迎来到我们的网站!</p>
    <p>Arabic Text: مرحبا بك في موقعنا!</p>
    </body>
    </html>


    ملاحظة: مجموعة الأحرف UTF-8 تدعم جميع اللغات والنصوص بشكل صحيح.


كيفية اختيار مجموعة الأحرف المناسبة:

لاختيار مجموعة الأحرف المناسبة، يجب تحديد UTF-8 في وسم <meta>، لأن UTF-8 هو الأكثر شيوعًا ويدعم جميع النصوص والرموز الخاصة.

الفيديوهات

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات

فيديو الدرس التعليمي فهم الترميز في صفحات HTML وكيفية استخدام UTF-8 لدعم جميع اللغات

المصادر

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر

ملف الأوامر البرمجية لمشاكل الترميز التي لا تدعم جميع اللغات مثل العربية والصينية

ملف الأوامر البرمجية لدعم جميع اللغات عبر ترميز UTF-8

ملحقات ال PDF

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF

ملف الشرح المرجعي لترميز وإعدادات صفحة الويب

الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب

has been added to the cart. View Cart