الوسم <meta charset="UTF-8"> يخبر المتصفح بترميز الأحرف المستخدم في الصفحة، فيعرف كيف يقرأ النصوص ويعرضها بشكل صحيح.

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8">
  <title>صفحتي</title>
</head>

لماذا هو مهم؟

من دونه قد يخمّن المتصفح ترميزًا خاطئًا، فتظهر الحروف العربية رموزًا غريبة مثل العربية. وUTF-8 ترميز يدعم تقريبًا كل لغات العالم والرموز التعبيرية، لذلك هو الخيار الافتراضي اليوم.

أين أضعه؟

داخل <head> وفي أوله، قبل <title> وأي نص آخر، لأن المتصفح يحتاج معرفة الترميز قبل أن يقرأ النصوص.

ملاحظة: هذا الوسم لا يحدد لغة الصفحة؛ اللغة تُحدَّد بالخاصية lang في وسم <html>.