تعليقات HTML
يمكنك بالفعل كتابة عناوين وفقرات يراها الزائر. أحياناً تحتاج ملاحظة لنفسك أو لفريقك لا يجب أن تظهر في الصفحة. تعليقات HTML تحل ذلك. تعرض هذه الجلسة صيغة التعليق ومتى تستخدمه بحذر.
ما هو تعليق HTML؟
تعليق HTML نص ملفوف بين <!-- و -->. يحلّله المتصفح كتعليق ولا يعرضه كمحتوى صفحة مرئي. التعليقات مفيدة للتذكيرات القصيرة، أو تسميات الأقسام في المصدر، أو لإيقاف جزء من الـ markup مؤقتاً أثناء الاختبار.
إجابة مباشرة
اكتب تعليقاً هكذا: <!-- ملاحظتك هنا -->. كل ما بين <!-- الافتتاحي و --> الختامي يبقى في ملف المصدر لكنه لا يُعرض كنص أو عنوان أو فقرة عادية للزوار. افتح View Source أو DevTools إن احتجت التأكد أن التعليق ما زال في الملف.
تعليق بسيط
html<!-- هذه الملاحظة للمطوّرين فقط -->
<p>هذه الفقرة ظاهرة في الصفحة.</p>قراءة المثال
- السطر الأول تعليق — الزوار لا يرون تلك الجملة في الصفحة
- الفقرة أسفله محتوى مرئي عادي
- كلا السطرين يبقيان في ملف HTML عند الحفظ
تعليقات متعددة الأسطر والإخفاء المؤقت
يمكن أن يمتد التعليق لأكثر من سطر. استخدام شائع للمبتدئين هو لف كتلة تريد تعطيلها مؤقتاً بدل حذفها. لاحقاً يمكنك إزالة علامات التعليق لإعادة الـ markup. أبقِ الكتل المؤقتة قصيرة ليبقى الملف قابلاً للقراءة.
تعليق كتلة
html<h1>عنوان ظاهر</h1>
<!--
<p>هذه الفقرة مخفية أثناء الاختبار.</p>
<p>وهذه أيضاً.</p>
-->
<p>هذه الفقرة ما زالت تظهر.</p>التعليقات ليست أمناً
أي شخص يمكنه فتح View Source وقراءة تعليقاتك. لا تضع كلمات المرور أو المفاتيح الخاصة أو رموز API السرية في تعليقات HTML. التعليقات لملاحظات التطوير، لا لإخفاء بيانات حساسة.
جرّب بنفسك
- افتح ملف تمرين HTML
- أضف تعليقاً قصيراً فوق فقرة يشرح غرضها
- لف فقرة في تعليق متعدد الأسطر لإخفائها مؤقتاً
- احفظ وافتح الصفحة — تأكد أن المحتوى غير المعلَّق فقط ظاهر
- استخدم View Source (أو المحرر) للتأكد أن نص التعليق ما زال في الملف
أخطاء شائعة
- نسيان
-->الختامي فيختفي المحتوى اللاحق أو ينكسر - وضع كلمات مرور أو أسرار داخل التعليقات
- ترك كتل معلَّقة ضخمة في صفحات الإنتاج لفترة طويلة
- توقع أن التعليقات تخفي المحتوى عن View Source (لا تفعل)
- استخدام التعليقات بدل العناوين أو الفقرات الحقيقية لنص الزائر
ملخص
- تعليقات HTML تستخدم
<!--و--> - نص التعليق لا يُعرض كمحتوى صفحة مرئي
- استخدم التعليقات للملاحظات أو تلميحات الأقسام أو إخفاء قصير مؤقت
- التعليقات متعددة الأسطر يمكن أن تلف كتلة صغيرة أثناء الاختبار
- التعليقات ظاهرة في المصدر — لا تخزّن أسراراً هناك أبداً
- فضّل markup حيّاً واضحاً للنص الذي يجب أن يقرأه الزوار
🧠 اختبر معرفتك
اختبر معرفتك
تحدى نفسك مع هذا الاختبار التفاعلي واكتشف مدى فهمك للموضوع
📝 التعليمات
- اقرأ كل سؤال بعناية
- اختر أفضل إجابة لكل سؤال
- يمكنك إعادة الاختبار عدة مرات كما تريد
- سيتم عرض تقدمك في الأعلى