كيف تضيف تعليقات في HTML الخاص بك

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

كيفية اضافة تعليقات HTML

يمكن كتابة HTML باستخدام محرر نصوص قياسي ، مثل Notepad ++ for Windows أو TextEdit for Ma. يمكنك أيضًا استخدام برنامج يركز على تصميم الويب مثل Adobe Dreamweaver أو حتى نظام أساسي لنظام إدارة المحتوى مثل Wordpress أو ExpressionEngine. بغض النظر عن الأداة التي تستخدمها في كتابة HTML ، إذا كنت تعمل مباشرةً مع الرمز ، يمكنك إضافة تعليقات HTML مثل:

1. أضف الجزء الأول من علامة تعليق HTML:
2. بعد ذلك الجزء الافتتاحي من التعليق ، اكتب النص الذي ترغب في ظهوره لهذا التعليق. من المحتمل أن تكون هذه تعليمات لمطورك أو لمطور آخر في المستقبل. على سبيل المثال ، إذا كنت ترغب في تعيين مكان يبدأ فيه قسم معين على الصفحة أو ينتهي في الترميز ، يمكنك استخدام تعليق لتفاصيل ذلك.
3. بمجرد اكتمال نص تعليقك ، أغلق علامة التعليق مثل: ->
4. وبالتالي ، سيبدو تعليقك كالتالي:

عرض التعليقات

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

تعليقات لأغراض الاختبار

نظرًا لأن التعليقات لا تظهر في متصفح الويب ، يمكن استخدامها في "إيقاف" أجزاء من الصفحة أثناء اختبار الصفحة أو تطويرها. إذا أضفت الجزء الافتتاحي من تعليق مباشرةً قبل جزء الصفحة / الشفرة التي تريد إخفاءها ، ثم أضفت الجزء الختامي في نهاية هذا الرمز (يمكن أن تمتد تعليقات HTML إلى عدة أسطر ، بحيث يمكنك فتح التعليق على سطر 50 من شفرتك وإغلاقه على السطر 75 بدون أية مشكلات) ، بعد ذلك لن يتم عرض أي عناصر HTML تندرج ضمن هذا التعليق في المتصفح. ستبقى في رمزك ، ولكنها لن تؤثر على العرض المرئي للصفحة. إذا كنت بحاجة إلى اختبار صفحة لمعرفة ما إذا كان هناك قسم معين يتسبب في حدوث مشكلات ، وما إلى ذلك ، فإن التعليق على هذه المنطقة أفضل من حذفها. مع التعليقات ، إذا ثبت أن مقطع الرمز المذكور ليس هو المشكلة ، فيمكنك إزالة أجزاء التعليق بسهولة وسيتم عرض هذا الرمز مرة أخرى. فقط تأكد من أن هذه التعليقات المستخدمة للاختبار لا تجعلها مواقع إنتاجية.

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

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

فيما يتعلق بالأداء

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

نصائح لاستخدام التعليقات

بعض الأشياء التي يجب وضعها في الاعتبار أو تذكرها عند استخدام تعليقات HTML:

1. يمكن أن تكون التعليقات أسطر متعددة.
2. استخدم التعليقات لتوثيق تطوير صفحتك.
3. التعليقات يمكن al؛ لذلك محتوى المستند أو صفوف الجدول أو الأعمدة أو تعقب التغييرات أو ما تريده.
4. يجب ألا تدخل التعليقات التي تعرض مناطق "إيقاف" في موقع ما إلى حيز التنفيذ ما لم يكن هذا التغيير مؤقتًا سيتم عكسه في ترتيب قصير (مثل تشغيل رسالة تنبيه أو إيقافها حسب الحاجة).