002-01141087755 info@CodesRoots.com
تصميم مواقع وتطبيقات الموبايل والجوال-HTML-تعليقات


HTML-تعليقات

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

يتم وضع تعليقات HTML في بين <! - -> العلامات.
 لذلك أي محتوى توضع مع في <! - -> سيتم التعامل به عن التعليق وسيتم تجاهلها تماما من قبل المتصفح.

 

مثال
 

<!DOCTYPE html>
<html>
<head>  <!-- Document Header Starts -->
<title>This is document title</title>
</head> <!-- Document Header Ends -->
<body>
<p>Document content goes here.....</p>
</body>
</html>
-صالحه مقابل تعليقات غير صالحة-

تعليقات لا العش وهو ما يعني تعليق لا يمكن وضعها داخل تعليق آخر.
 ثانيا تسلسل مزدوجة اندفاعة "-"
 قد لا تظهر داخل تعليق إلا كجزء من إغلاق -> العلامة.

يجب أيضا التأكد من أن وجود فراغات في سلسلة بمناسبة بدء تعليق.

 

مثال

التعليق الوارد هنا هو التعليق ساري المفعول وسيتم تمحى من قبل المتصفح.
 

<!DOCTYPE html>
<html>
<head>
<title>Valid Comment Example</title>
</head>
<body>
<!--   This is valid comment -->
<p>Document content goes here.....</p>
</body>
</html>

ولكن بعد خط ليس تعليق صالح وسيتم عرض من قبل المتصفح.
 وذلك لأن هناك مسافة بين قوس الزاوية اليسرى وعلامة التعجب.
 

<!DOCTYPE html>
<html>
<head>  
<title>Invalid Comment Example</title>
</head> 
<body>
< !--   This is not a valid comment -->
<p>Document content goes here.....</p>
</body>
</html>

-تعليقات متعدد الأسطر-

حتى الآن لم نر تعليقات خط واحد، ولكن HTML يدعم تعليق متعدد الخطوط كذلك.

يمكنك التعليق خطوط متعددة من بداية علامة خاصة
 <! - وعلامة إنهاء -> وضعت قبل السطر الأول
ونهاية السطر الأخير كما هو موضح في المثال أدناه.

 

مثال
 

<!DOCTYPE html><html>
<head>  
<title>Multiline Comments</title>
</head> 
<body>
<!--   
This is a multiline comment and it can
span through as many as lines you like.
-->
<p>Document content goes here.....</p>
</body>
</html>

-تعليقات مشروطة-

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

 

مثال
 

<!DOCTYPE html><html>
<head>  
<title>Conditional Comments</title>

<!--[if IE 6]>
   Special instructions for IE 6 here
<![endif]-->

</head> 
<body>
<p>Document content goes here.....</p>
</body>
</html>

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

-باستخدام بطاقة تعليق-

وهناك عدد قليل المتصفحات التي تدعم <تعليق>
 العلامة التعليق جزء من التعليمات البرمجية HTML.

 

مثال
 

<!DOCTYPE html><html>
<head>
<title>Using Comment Tag</title>
</head>
<body>
<p>This is <comment>not</comment> Internet Explorer.</p>
</body>
</html>


-Commenting Script Code-
 

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

 

مثال
 

<!DOCTYPE html><html>
<head>
<title>Commenting Script Code</title>
<script>
<!-- 
   document.write("Hello World!")
//-->
</script>
</head>
<body>
<p>Hello , World!</p>
</body>
</html>


-Commenting Style Sheets-

 

 

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

 

مثال
 

<!DOCTYPE html><html>
<head>
<title>Commenting Style Sheets</title>
<style>
<!--
.example {
  border:1px solid #4a7d49;
}
//-->
</style>
</head>
<body>
<div class="example">Hello , World!</div>
</body>
</html>

 

 



اعلانات
شركة تصميم مواقع وتطبيقات موبايل اتصل بنا
شركة تصميم مواقع وتطبيقات موبايل اتصل بنا

00966-506999922

متاح واتس اب - فايبر - لاين
شركة تصميم مواقع وتطبيقات موبايل

info@CodesRoots.com