ใน HTML คำสั่ง Comments จะไม่แสดงบนหน้าเบราว์เซอร์ แต่โค้ด HTML จะเป็นการแทรกคำอธิบายหรือความคิดเห็น เพื่อบอกว่าโค้ดที่เขียนนั้นมีไว้ทำไม ทำงานอย่างไร เพื่อให้ผู้พัฒนา พัฒนาโปรแกรมต่อ หรือผู้เขียนเองจะได้ทราบภายหลังว่าโค้ดที่เขียนขึ้นมานั้นมีไว้ทำไม
HTML Comment Tag
คุณสามารถเพิ่มโค้ดลงใน HTML ได้ โดยให้พิมพ์ข้อความดังต่อไปนี้
<!-- Write your comments here -->จากโค้ดด้านบนสังเกตให้ดีจะเริ่มต้นด้วย ! แต่ไม่มี Tag ปิด
หมายเหตุ: Comment จะไม่แสดงบนเบราว์เซอร์ แต่ใน HTML จะเป็นการอธิบายหรือข้อความเกี่ยวกับโค้ดนั้นๆ ว่ามีไว้ทำไม
Add Comments
Comments ที่มีอยู่ในโค้ด HTML จะเป็นการอธิบายหรือแจ้งให้ทราบถึงโค้ดที่มีิอยู่ใน HTML
ตัวอย่างการใช้งาน
<!DOCTYPE html>
<html>
<body>
<!-- นี่คือ Comment -->
<p>ตัวอย่างข้อความการใช้งาน Comments</p>
<!-- Comments จะไม่แสดงผลบนเบราว์เซอร์ -->
</body>
</html>
Hide Content
นักพัฒนาสามารถซ่อนข้อความหรือเนื้อหาชั่วคราวได้ โดยใช้คำสั่ง Comments
ตัวอย่างการซ่อนเนื้อหา หรือข้อความ
<!DOCTYPE html>
<html>
<body>
<p>นี่คือข้อความตัวอย่างที่ 1</p>
<!-- <p>นี่คือข้อความตัวอย่างที่ 2 </p> -->
<p>นี่คือข้อความตัวอย่างที่ 3</p>
</body>
</html>
ข้อความใดก็ตาม หากอยู่ภายใต้ Tag <!– และ –> จะถูกซ่อนไว้ ดังนั้น คุณสามารถซ่อนข้อความได้มากกว่า 1 บรรทัด
<!DOCTYPE html>
<html>
<body>
<p>นี่คือข้อความที่ 1</p>
<!--
<p>ดูภาพสุดเจ๋งนี่สิ!</p>
<img border="0" src="images/pic_trulli.jpg" alt="Trulli">
-->
<p>นี่คือข้อความที่ 2</p>
</body>
</html>
Comments ยังมีประโยชน์ในเรื่องของการค้นหา Error ของโค้ด HTML ได้อีกด้วย เพียงคุณค่อยๆ ใส่ Comments ทีละบรรทัดในโค้ด
Hide Inline Content
Comments ยังสามารถใส่คั่นกลางบรรทัดเดียวกันกับโค้ด HTML ได้
ตัวอย่างการเขียนโค้ด
<!DOCTYPE html>
<html>
<body>
<p>นี่คือ <!-- นี่คือ Comments --> ข้อความ</p>
</body>
</html>