HTML
Commentsالتعليقات
التعليق Comment هو جزء من الأكواد البرمجية التي يتم
تجاهلها من قبل أي متصفح ويب. ومن الجيد إضافة تعليقات إلى كود HTML الخاص بك، خصوصا في الصفحة المعقدة، إشارة إلى أجزاء من الصفحة أو
اية ملاحظات أخرى قد تساعد أي شخص اخر
يعمل معك ضمن الكود .التعليقات تساعدك أنت والأخرين على فهم الكود البرمجي وتزيد
من سهولة قرأة الكود البرمجي.
يتم وضع التعليقات HTML Comments بين تاج <!--…--> اي محتوى
يتم وضعة بين العلمتين يتم تجاهلة من قبل المتصفحات.
مثال
<!DOCTYPE html>
<html>
<head>
<!--
Document Header Starts -->
<title>This is document title</title>
</head> <!-- Document Header
Ends -->
<!--
body Start-->
<body>
<p>Document content goes here.....</p>
</body>
<!--
body End-->
</html>
النتيجة
لن يتم عرض المحتوى دون عرض التعليقات .
مقارنة تعليقات صالحة و غير صالحة
Valid vs Invalid Comments
لا يمكن وضع تعليق داخل تعليق آخر. التعليق الثاني يحتوي علي العلمتين "--" والتي تعد
اغلاق للتعليق الأول ->.
كما يجب التأكد من عدم وجود فراغات في بداية تاج التعليق
comment.
مثال
<!DOCTYPE html>
<html>
<head>
<title>Valid Comment Example</title>
</head>
<body>
<!-- This is valid comment -->
<p>Welcome to me Site</p>
</body>
</html>
مثال اخر علي تعليق غير صحيح, يوجد مسافة فارغة بعد فتح
قوس التعليق.
<!DOCTYPE html>
<html>
<head>
<title>Invalid Comment Example</title>
</head>
<body>
< !--
This is not a valid comment -->
<p>Main Page</p>
</body>
</html>
النتيجة
تعليق علي اكثر من سطر Multiline Comments
لقد رأينا تعليقات على خط واحد، ولكن يدعم HTML
تعليق متعدد الآسطر multi-line. يمكنك إضافة تعليق متعددة الاسطر من خلال البدء بتاج التعليق <!-- وتنتهي بغلق التاج --> كما هو موضح بالمثال التالي.
<!DOCTYPE html>
<html>
<head>
<title>Multiline Comments</title>
</head>
<body>
<!--
This
is
a multiline
comment
-->
<p>Document content...</p>
</body>
</html>
ليست هناك تعليقات:
إرسال تعليق
يسعدني إرسال تعليقاتكم وأسئلتكم واقتراحاتكم