أهلاً بكم في درس جديد من دورة تعلم لغتي البرمجة HTML و CSS حيث سنتطرق إلى فهم ماهية التعليقات في HTML و CSS، و كيفية إضافتها في ملفي البرمجة HTML و CSS، إضافة إلى تقنية تعطيل أكواد البرمجة HTML و CSS.
ما هي التعليقات في HTML و CSS ؟
التعليقات في ملف HTML و ملف CSS هي عبارة عن جمل بتنسيق مُكوَّد تتم إضافتها لتسهيل فهم محتوى الملفين، هذا فضلاً عن تنظيم أكواد HTML و CSS، و هي غير مرئية بالنسبة للزوار، و تكون مهمة في حالة تواجد ملف HTML أو ملف CSS طويلاً جداً حيث يتعدر فهم ماهية الأكواد، و عند إرادة مصمم الويب نشر أكواد HTML أو CSS حيث تواجد التعليقات ضمنها يسهل فهم الأكواد على مصممو الويب الآخرين، أي في كلتا الحالتين تلعب التعليقات دور التعاريف عن ماهية الأكواد و تحديدها في الملفين.
الفيديو التوضيحي للدرس
أمكنة التعليقات في HTML و CSS
تكون أمكنة التعليقات حسب محتوى التعليق، فإذا كان هذا الأخير عبارة عن تعريف للكود فمكانها في السطر الذي قبل بداية الكود مباشرة، أما إذا كان التعليق عبارة عن محدد للكود فسيكون عبارة عن تعليقين، الأول في السطر الذي قبل بداية الكود مباشرة، والثاني في السطر الذي بعد نهاية الكود مباشرة، و يمكن إقحام التعليقات داخل الأكواد.
تنسيق كود التعليقات في ملف HTML
تكتب التعليقات في ملف HTML بتنسيق معين، دائماً تكون بدايتها هذا الكود '--!>' متبوعاً بجملة نصية تعبر عن محتوى التعليق، ثم يُختم بهذا كود '<--'، مع إمكانية تقسيم الجملة النصية التي تعبر عن محتوى التعليق في عدة أسطر متوالية في ملف HTML.
عادة التعليقات لا تظهر للزوار، لكن هذا لا يمنعهم من معاينة ملف HTML كاملاً، و ذلك عبر خاصيتا 'Inspect Element / Inspecter' أو 'Page Source Code / Code Source de la Page' الموجودتين في متصفحات الإنترنت، لذا أنصح بعدم إقحام معلومات حساسة ككلمات السر في التعليقات.
تنسيق كود التعليقات في ملف CSS
تكتب التعليقات في ملف CSS بتنسيق معين، دائماً تكون بدايتها هذا الكود '*/' متبوعاً بجملة نصية تعبر عن محتوى التعليق، ثم يُختم بهذا كود '/*'، مع إمكانية تقسيم الجملة النصية التي تعبر عن محتوى التعليق في عدة أسطر متوالية في ملف CSS.
تقنية تعطيل أكواد HTML و CSS
يستعمل مصممو الويب تقنية لتعطيل أكواد HTML أو أكواد CSS، و ذلك بجعل الأكواد المراد تعطيلها هي في حد ذاتها تعليق، أي مكان الجملة النصية التي تعبر عن محتوى التعليق.
أتمنى أن تستفيدوا من الدرس