هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: فهم الترميز في صفحات HTML وكيفية استخدام UTF-8 لدعم جميع اللغات
المدة: 5 دقائق
وصف مختصر:
فهم مجموعة الأحرف في HTML وكيفية استخدام UTF-8 لدعم جميع النصوص واللغات. تجنب مشكلات الترميز مع النصوص الصينية والعربية
وصف الدرس
فهم مجموعة الأحرف في صفحات HTML وكيفية استخدام UTF-8 لدعم جميع اللغات
تعد مجموعة الأحرف (Character Set) من العناصر الأساسية في تطوير صفحات الويب. في هذا الدرس، سنتناول مفهوم مجموعة الأحرف وكيفية استخدامها بشكل صحيح لدعم جميع اللغات والرموز الخاصة.
ما هي مجموعة الأحرف (Character Set) في صفحات الويب؟
مجموعة الأحرف هي مجموعة من الرموز التي يمكن استخدامها لتمثيل النصوص في مستندات الويب. في HTML، يتم تحديد مجموعة الأحرف باستخدام وسم
ما هو وسم
وسم
ما هو الحرف؟
الحرف هو وحدة نصية أساسية في مجموعة الأحرف. يمكن أن يكون حرفًا من الأبجدية، رقمًا، أو رمزًا خاصًا.
أمثلة على تأثير مجموعة الأحرف على النصوص:
كيفية اختيار مجموعة الأحرف المناسبة:
لاختيار مجموعة الأحرف المناسبة، يجب تحديد
تعد مجموعة الأحرف (Character Set) من العناصر الأساسية في تطوير صفحات الويب. في هذا الدرس، سنتناول مفهوم مجموعة الأحرف وكيفية استخدامها بشكل صحيح لدعم جميع اللغات والرموز الخاصة.
ما هي مجموعة الأحرف (Character Set) في صفحات الويب؟
مجموعة الأحرف هي مجموعة من الرموز التي يمكن استخدامها لتمثيل النصوص في مستندات الويب. في HTML، يتم تحديد مجموعة الأحرف باستخدام وسم
<meta>
في رأس الصفحة.ما هو وسم
<meta>
مع charset
في صفحة الويب؟وسم
<meta>
مع خاصية charset
يُستخدم لتحديد مجموعة الأحرف التي تستخدمها الصفحة. يعد UTF-8
هو الخيار الأفضل لأنه يدعم جميع اللغات والرموز الخاصة.ما هو الحرف؟
الحرف هو وحدة نصية أساسية في مجموعة الأحرف. يمكن أن يكون حرفًا من الأبجدية، رقمًا، أو رمزًا خاصًا.
أمثلة على تأثير مجموعة الأحرف على النصوص:
- مجموعة الأحرف
ISO-8859-1
:
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
لا تدعم النصوص الصينية والعربية. - مجموعة الأحرف
UTF-8
:
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 من الصفر لبناء صفحات ويب