ใน HTML5 คอมเมนต์ (Comment Tag) ใช้ในการใส่คำอธิบายหรือข้อความที่ไม่ต้องการให้แสดงผลบนหน้าเว็บเบราว์เซอร์ โดยคอมเมนต์นี้จะถูกแสดงในโค้ดเพื่อให้ผู้พัฒนาเข้าใจโครงสร้างหรือการทำงานของโค้ดนั้นๆ โดยเบราว์เซอร์จะมองข้ามส่วนนี้ไปเมื่อทำการแสดงผลหน้าเว็บ
รูปแบบการเขียนคอมเมนต์ใน HTML
การเขียนคอมเมนต์ใน HTML ใช้รูปแบบดังนี้
<!-- นี่คือคอมเมนต์ -->ทุกอย่างที่อยู่ระหว่าง <!-- และ --> จะไม่ถูกแสดงผลบนหน้าเว็บ
ตัวอย่างการใช้งานทั่วไป
<!DOCTYPE html>
<html>
<head>
<title>ตัวอย่างคอมเมนต์ใน HTML</title>
</head>
<body>
<!-- ส่วนนี้คือส่วนหัวของหน้า -->
<h1>ยินดีต้อนรับสู่เว็บไซต์ของเรา</h1>
<!-- ส่วนนี้คือข้อความแนะนำ -->
<p>เว็บไซต์นี้เป็นแหล่งข้อมูลที่มีประโยชน์</p>
</body>
</html>ในตัวอย่างนี้ คอมเมนต์ที่อยู่ภายในโค้ดจะไม่ถูกแสดงบนหน้าเว็บ แต่จะช่วยให้ผู้พัฒนาเข้าใจว่าโค้ดแต่ละส่วนมีหน้าที่อะไร
การประยุกต์ใช้งานคอมเมนต์ในรูปแบบต่างๆ
ใช้เพื่อซ่อนโค้ดที่ไม่ต้องการให้แสดงผล
บางครั้งเราอาจต้องการซ่อนส่วนของโค้ดบางส่วนที่ยังไม่ต้องการใช้งาน โดยการคอมเมนต์โค้ดส่วนนั้นออกไป
<!--
<h1>ส่วนหัวที่ถูกซ่อน</h1>
<p>เนื้อหานี้จะไม่ถูกแสดงผล</p>
-->ใช้ในการใส่คำอธิบายโค้ด (Documentation)
ช่วยอธิบายโค้ดเพื่อให้ผู้พัฒนาคนอื่นหรือแม้แต่ตัวเองในภายหลังเข้าใจได้ง่าย
<!-- ส่วนนี้เป็นการแสดงผลรายการสินค้า -->
<ul>
<li>สินค้า 1</li>
<li>สินค้า 2</li>
<li>สินค้า 3</li>
</ul>ใช้เพื่อเว้นวรรคหรือจัดการโค้ดให้อ่านง่ายขึ้น
การแทรกคอมเมนต์เป็นวิธีที่ดีในการแบ่งส่วนต่างๆ ของโค้ดให้ชัดเจน
<!-- เริ่มต้นแสดงผลข้อมูล -->
<div>
<p>ข้อมูลส่วนที่ 1</p>
</div>
<!-- จบการแสดงผลข้อมูล -->ใช้เพื่อป้องกันการแสดงผลคำสั่ง JavaScript ที่ยังไม่พร้อม
หากต้องการหยุดการทำงานของสคริปต์บางส่วน เราสามารถใช้คอมเมนต์เพื่อซ่อนคำสั่งชั่วคราวได้
<!--
<script>
alert('ข้อความนี้จะไม่ทำงาน');
</script>
-->ข้อควรระวัง
- ไม่สามารถใช้คอมเมนต์ซ้อนภายในคอมเมนต์อื่นได้ เช่น การคอมเมนต์โค้ดที่มีคอมเมนต์อยู่แล้วจะทำให้เกิดปัญหาได้
- ควรใช้คอมเมนต์อย่างเหมาะสม เพื่อไม่ให้โค้ดรกเกินไปและยากต่อการอ่าน
การใช้คอมเมนต์เป็นวิธีที่มีประโยชน์ในการพัฒนาเว็บเพจ โดยช่วยเพิ่มความเข้าใจในการพัฒนาโค้ด และยังช่วยในการทดสอบหรือปรับปรุงโค้ดอีกด้วย