آموزش و مقالات

0
مقالات آموزشی - HTML

آموزش گام به گام HTML - کامنت ها در HTML

دوشنبه, 29 آذر,1395
آموزش گام به گام HTML - کامنت ها در HTML
 

کامنت ها در HTML


کامنت ها قطعه کد هایی هستند که توسط مرورگرها نادیده گرفته میشوند.اضافه کردن کامنت در کد های HTML تمرین خوبی است به خصوص در اسناد پیچیده.برای نشان دادن بخشی از یک سند، و هر یادداشت دیگری که افراد دیگر بتوانند ببینند.کامنت ها به شما و دیگر افراد کمک میکنند خوانایی کد ها را بهتر متوجه بشوید.
کامنت های HTML بین تگ <--…--!> قرار میگیرند.پس هر محتوایی که بین این قسمت قرار بگیرد به وسیله مرورگرها کاملا نادیده گرفته میشوند.
مثال

<!DOCTYPE html>
<html>
<head>  <!-- Document Header Starts -->
<title>این یک عنوان برای سند است</title>
</head> <!-- Document Header Ends -->
<body>
<p>محتوای سند اینجا قرار میگیرد.....</p>
</body>
</html>

 

 
کامنت های معتبر و کامنت های نامعتبر

کامنت ها نمیتوانند در داخل یکدیگر قرار بگیرند.دو خط تیره دوم"--" ممکن است در داخل یک کامنت به نظر نرسد به جز زمانی که قسمتی از تگ بسته"<--" باشد.و همینطور باید مطمئن باشید که هیچ فاصله ای در رشته شروع کامنت نباشد.
 
مثال
<!DOCTYPE html>
<html>
<head>
<title>مثال برای کامنت معتبر</title>
</head>
<body>
<!--   این یک کامنت معتبر است -->
<p>محتوا در اینجا قرار میگیرد</p>
</body>
</html>

 

 
در مثال زیر شکل ساختاری کامنت درست نیست
<!DOCTYPE html>
<html>
<head>  
<title>مثال برای کامنت نامعتبر</title>
</head> 
<body>
< !--   این یک کامنت نامعتبر است -->
<p>محتوای اسناد اینجا قرار میگیرند</p>
</body>
</html>
 

کامنت های چند خطی

تاکنون کامنت های یک خطی را مورد بررسی قرار داده ایم اماhtml به خوبی کامنت های چند خطی را نیز پشتیبانی میکند.
شما میتوانید از کامنت های چند خطی استفاده کنید با تگ شروع <--و تگ پایانی --!> قبل از خط اول و پایان آخرین خط همانطور که در مثال زیر نشان داده شده قرار میگیرد.
مثال
<!DOCTYPE html>
<html>
<head>  
<title>کامنت های چند خطی</title>
</head> 
<body>
<!--   
این یک کامنت چند خطی است که حتی میتواند تعداد خط های بیشتری را نیز ساپورت کند
-->
<p>محتوای اسناد اینجا قرار میگیرند</p>
</body>
</html>

 

 
کامنت های مشروط

کامنت های مشروط فقط در اینترنت اکسپلورر(IE) در ویندوز کار میکنند اما به وسیله دیگر مرورگرها نادیده گرفته میشوند.آنها از ورژن اینترنت اکسپلورر 5 به بعد پشتبانی شدند .
مثال
<!DOCTYPE html>
<html>
<head>  
<title>کامنت های مشروط</title>

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

</head> 
<body>
<p>محتوای اسناد اینجا قرار میگیرد....</p>
</body>
</html>

 

 
استفاده از تگ کامنت

مرورگر های کمی از تگ <comment>  پشتیبانی میکنند.مثال:
<!DOCTYPE html>
<html>
<head>
<title>استفاده از تگ کامنت</title>
</head>
<body>
<p>این مرورگر اینترنت اکسپلورر <comment>نیست</comment> </p>
</body>
</html>

 

 
کامنت کردن کد ها اسکریپت
<!DOCTYPE html>
<html>
<head>
<title>کامنت کردن کد های اسکریپتی</title>
<script>
<!-- 
   document.write("Hello World!")
//-->
</script>
</head>
<body>
<p>Hello , World!</p>
</body>
</html>

 

 
کامنت کردن قسمت ها style
<!DOCTYPE html>
<html>
<head>
<title>کامنت کردن قسمت های استایل</title>
<style>
<!--
.example {
  border:1px solid #4a7d49;
}
//-->
</style>
</head>
<body>
<div class="example">Hello , World!</div>
</body>
</html>

 

Print
142 رتبه بندی این مطلب:
5.0

محمد فرخیانمحمد فرخیان

سایر نوشته ها توسط محمد فرخیان

نوشتن یک نظر

نام:
ایمیل:
نظر:
افزودن نظر

نام شما
ایمیل شما
عنوان
پیام خود را وارد کنید ...
x