العودة إلى الدورة

الدرس 5: البيانات الوصفية الأساسية وتعليقات HTML

الدورة الاحترافية في HTML: من الصفر إلى مطور ويب

5. البيانات الوصفية الأساسية وتعليقات HTML

5.1 البيانات الوصفية الأساسية في <head>

البيانات الوصفية هي معلومات إعداد حاسمة.

مجموعة الأحرف (<meta charset>)

يخبر هذا المتصفح بتشفير الأحرف الذي يجب استخدامه. UTF-8 هو المعيار ويجب استخدامه دائماً، لأنه يدعم تقريباً جميع الأحرف والرموز حول العالم.

html <meta charset="UTF-8">

وسم Viewport Meta (حاسم للجوال)

يتحكم هذا الوسم في أبعاد الصفحة وتكبيرها على الأجهزة المحمولة، مما يضمن أن موقعك متجاوب (responsive).

html <meta name="viewport" content="width=device-width, initial-scale=1.0">

5.2 تعليقات HTML

التعليقات هي ملاحظات تتركها في الكود لنفسك أو للمطورين الآخرين. يتم تجاهلها تماماً بواسطة المتصفح وهي غير مرئية للمستخدم.

بناء جملة التعليق (Comment Syntax)

تبدأ التعليقات بـ <!-- وتنتهي بـ -->.

html

<body> <!-- هذا القسم يتعامل مع شريط التنقل الرئيسي --> <nav> <!-- محتوى التنقل --> </nav>
<!-- تحذير: هذا المحتوى قديم ويحتاج إلى تحديث -->
<p>محتوى قديم...</p>
</body>