انتقل إلى محتوى الدرس

HTML meta charset Attribute خاصية charset مع عنصر meta في لغة HTML

سوف تتعلم في هذا الدرس كل ما يتعلق بعنصر [meta]، والذي يُكتب دائمًا داخل عنصر head في صفحة HTML، بالإضافة إلى الخصائص التي تضاف إليه مثل [charset] وغيرها.

1 صفوف تعليمية
لغة HTML
11,612 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تُستخدم خاصية [charset] مع عنصر [meta] لتحديد طريقة ترميز الحروف [character encoding] المستخدمة في ملف HTML. فبعض اللغات مثل اللغة العربية لا تظهر بشكل صحيح أو لا يتعرف عليها المتصفح إذا لم يتم تحديد الترميز المناسب، وقد تظهر الأحرف على شكل علامات استفهام أو رموز غريبة.

لذلك، نضيف خاصية [charset] إلى عنصر [meta] ونعطيها القيمة utf-8، التي تدعم معظم لغات العالم ومنها العربية، لكي يتمكن المتصفح من عرض النصوص بشكل صحيح.

احفظ الملف نفسه بترميز UTF-8 وضع إعلان meta كاملًا ضمن أول1024بايت. قد يعرف المتصفح الترميز من ترويسة HTTP أوBOM، لذلك غياب meta لا يضمن تلف النص دائمًا. المثالان يوضحان فك الترميز من بايتات الملف في المحرر المحلي.

Meta tags charset without UTF8

قد لا تظهر الأحرف باللغة العربية بشكل صحيح إذا لم تضف خاصية [meta charset] بالقيمة [UTF-8] في صفحة HTML.

HTML
<!DOCTYPE html>
<html>
  <head>

  </head>
  <body>
    <h1>بسم الله الرحمن الرحيم</h1>
  </body>
</html>

Meta tags charset with UTF8

تظهر الأحرف باللغة العربية بشكل صحيح عند إضافة خاصية [meta charset] بالقيمة [UTF-8] في صفحة HTML.

HTML
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  </head>
  <body>
    <h1>بسم الله الرحمن الرحيم</h1>
  </body>
</html>