❮
Programming Basics SQL HTML CSS JavaScript Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Learn Typing
❯
عودة للدرس❯ ❮عودة للدرس

HTMLالوسم <!-- -->

  • تعريفه
  • دعم المتصفحات
  • خصائصه
  • إستخدامه
  • تصميمه الإفتراضي
  • نصائح و ملاحظات

تعريفه

نستخدم الوسم <!-- --> لإضافة ملاحظات أو تعليقات ( Comments ) على كود الصفحة لأنها تساعدنا على مراجعة كود الصفحة مستقبلاً بشكل أسرع.

دعم المتصفحات

Chrome Edge Firefox Opera Safari Android
Webview		 Chrome
for Android		 Firefox
for Android		 Opera
for Android		 Safari
for IOS		 Samsung
Internet
مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم مدعوم

خصائصه

لا يملك أي خصائص تم إعدادها خصيصاً له.

إستخدامه

في المثال التالي قمنا بإضافة تعليق يتألف من سطر واحد.

المثال الأول

<!-- النص الموضوع كتعليق لا يظهر أمام المستخدم -->
<p>We use HTML to define page structure.</p>
<!-- النص الموضوع كتعليق لا يظهر أمام المستخدم --> <p>We use HTML to define page structure.</p>

جرب الكود


في المثال التالي قمنا بإضافة تعليق يتألف من عدة أسطر.

المثال الثاني

<!-- هذا التعليق قمنا بكتابته على سطرين
و هو لا يظهر أمام المستخدم العادي -->
<p>We use HTML to define page structure.</p>
<!-- هذا التعليق قمنا بكتابته على سطرين و هو لا يظهر أمام المستخدم العادي --> <p>We use HTML to define page structure.</p>

جرب الكود

تصميمه الإفتراضي

لا يوجد تصميم إفتراضي له لأنه بالأساس شيء لا يتم عرضه أمام المستخدم.

نصائح و ملاحظات

التعليقات التي يتم إضافتها لا تظهر أمام المستخدم, لأن مصمم الصفحة يضعها في الأساس لأجل نفسه و ليس لأجل أن يقرأها المستخدم و لكن هذا لا يعني أن المستخدم غير قادر على رؤيتها إذا أراد. لذلك, لا تقم أبداً بكتابة معلومات حساسة في التعليقات لأن المستخدم قادر على رؤيتها بكل سهولة في حال قام باستعراض كود الصفحة.

كود أي صفحة مفتوحة يمكن رؤيته بسهولة على الحاسوب بالنقر على الزرين U + Ctrl أو من خلال إضافة الكلمة view-source: في بداية الرابط كالتالي:
view-source:https://harmash.com/tutorials/html/tags/comment

عودة للدرس❯ ❮عودة للدرس