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