HTML Comments


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