الكورس

Advertisements

HTML Comments – In Arabic


HTML Comments – فى هذا الفصل هنتعرف على كيفية إنشاء وإستخدام التعليقات فى لغة HTML؟ وما هى فوائد إستخدام التعليقات؟ مع بعض الأمثلة التوضيحية.


 

HTML Comments

 

يسمح لك الوسم <– –!> بإضافة التعليقات بتنسيق لغة HTML.

قُم بإدخال المعلومات التى تريدها داخل هذا الوسم <– -!>، وهذه المعلومات/الملاحظات لن تعرضها المتصفحات للمستخدمين.

يمكنك إضافة التعليقات باستخدام بناء الجملة التالي:

<!-- Add your comment here! -->

في بعض الحالات ، قد تحتاج إلى تدوين ملاحظات في سطور متعددة، فى هذه الحالة يمكنك إستخدام بناء الجملة التالي:

<!-- 
    Some notes:
    1) First note.
    2) Second note.
    3) Third note.
-->

لاحظ وجود علامة تعجب (!) في وسم الفتح، ليس في وسم الإغلاق.


 

ما هى فوائد إستخدام التعليقات؟

 

من المهم جدًا إضافة التعليقات لكودك! لكن لماذا؟

تخيل معى هذا الموقف: الأن انت قُمت ببرمجة صفحة ويب معينة، وبعد فترة رجعت (سواء انت أو اى شخص اخر) للكود الخاص بهذه الصفحة مره ثانية لغرض معين، فى هذا الوقت هتعرف فعلًا أهمية كتابة التعليقات على الكود؛ لأن لو أنت كُنت كاتب تعليقات على كل سطر برمجى هتسترجعه أو هتتذكرة بسرعة وبسهولة. إنما لو نسيت او كبرت دماغك ولم تكتب تعليقات على كل سطر برمجي فبالتأكيد من الصعب تذكره!

على الرغم من أن التعليقات ليست مرئية للمستخدمين بشكل رئيسي نافذة المتصفح ، يمكن أن تكون ينظر إليها من قبل أي شخص ينظر إليها فى كود المصدر.

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

التعليقات مفيده جدًا أيضًا لتصحيح أخطاء HTML ، لأنه يمكنك التعليق على أسطر HTML من التعليمات البرمجية ، واحدًا تلو الآخر ، للبحث عن الأخطاء مثل ما هو موجود فى المثال السابق.

 


 

مثال

Comments in HTML

Syntax of adding comment in html is very easy to use!

If you use comments it will help you to order your code.

Are Comments visible to visitors?

No, Comments aren’t visible to visitors.

<!-- Start Section 1 -->
 <h1>Comments in HTML</h1>
 <p>Syntax of adding comment in html is very easy to use!</p>
 <p>If you use comments it will help you to order your code.</p>
<!-- End Section 1 -->

<!-- Start Section 2 -->
 <h2>Are Comments visible to visitors?</h2>
 <p>No, Comments aren't visible to visitors.</p>
<!-- End Section 2 -->

Comments in HTML

Syntax of adding comment in html is very easy to use!

If you use comments it will help you to order your code.

Are Comments visible to visitors?

No, Comments aren’t visible to visitors.

كان هناك وسم <comment> يقوم بنفس مهمة وسم <– -!>، لا تستخدمه لأنه لم يعد مدعوم من قبل المتصفحات الحديثة.

قَيم نفسك – Mini quiz


قُم بإجراء هذا الإختبار القصير على درس “HTML Comments” لمعرفة مدى فهمك وإستيعابك للمعلومات السابقة، ولتثبيت المعلومات.




الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

[email protected]

شكرًا لك على مساعدتك لنا!

Advertisements