ใน 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="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>