এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৮ – কমেন্ট বা মম্তব্য টিউটোরিয়াল (HTML Comments Tutorial in Bangla)

আপনার এইচটিএমএল ডকুমেন্টের কোন অংশ চাইলে কমেন্ট করে রাখতে পারে তাহলে এই অংশটুকু আর ব্রাউজারে দেখাবেনা। অন্য কোন ডেভেলপার বা আপনিই যদি অনেক পরে সেই ডকুমেন্ট দেখেন তখন বুঝতে সুবিধা হয় কোন কোড কিসের জন্য লিখেছিলেন। তাই কোড কমেন্ট করা ভাল প্রাকটিস তবে করা জরুরী নয়। start tag <!– এবং end tag  –> এর মাঝে থাকা সব কমেন্ট হেয় থাকে। যেমন

<!-- menu section -->
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 1</a></li>
</ul>
<!-- comment block -->
<div id="comment">
<p>There are few browsers who supports <comment> tag to comment a part of code.</p>
</div>

কোডটি কেমন হবে তা দেখার জন্য এখানে ক্লিক করুন

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৮ - কমেন্ট বা মম্তব্য টিউটোরিয়াল  (HTML Comments Tutorial in Bangla)

একসাথে একাধিক লাইনও কমেন্ট করে রাখতে পারেন। এভাবে কমেন্ট করার প্রধান উদ্দেশ্য কোডের জন্য একটা ডকুমেন্টেশন বানানো যাতে পরে কোড দেখে বোঝা যায় কোন অংশ কিসের জন্য লেখা হয়েছে।

<!--
This part will effect only 320px on responsive view.This is not  for large desktop
-->
<div id="col-lg-5 col-md-5 col-sm-5">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 1</a></li>
</ul>
</div>

এছাড়া কন্ডিশনাল কমেন্ট দেয়া যায় এটা শুধু ইন্টারনেট এক্সপ্লোরারের জন্য কাজ করে থাকে। যেমন অনেক সময় আমরা অতিরিক্ত স্ক্রিপ্ট বা সিএসএস ফাইল ব্যবহার করি IE এর জন্য। যেমন

<!--[if lt IE 9]>
<script src="/media/jui/js/html5.js"></script>
<![endif]-->

এটা শুধু IE 9 এর জন্য কাজ করবে।

কোন কোডও যদি কমেন্ট ট্যাগের ভিতর রাখেন সেটা ব্রাউজারে দেখাবেনা উপরের দুটি উদাহরনের যেকোনটিতে কোডের আগে পরে <!– এবং –> দিয়ে ব্রাউজারে রান করিয়ে দেখুন সেই অংশটুকু দেখাবেনা।

Leave a Reply