การเพิ่มความคิดเห็นในโค้ดของคุณเป็นวิธีที่มีประโยชน์ในการใส่บันทึกที่อธิบายให้คุณหรือผู้อื่นทราบว่าโค้ดนี้ใช้ทำอะไร เบราว์เซอร์จะละเว้นโค้ดหรือข้อความอื่นที่แสดงความคิดเห็น
อ่านต่อไปเพื่อดูวิธีสร้างความคิดเห็นในโค้ด HTML, CSS และ JavaScript!
วิธีเขียนความคิดเห็นใน HTML
ความคิดเห็น HTML บรรทัดเดียว
หากต้องการแสดงความคิดเห็นใน HTML บรรทัดเดียว ให้วางข้อความหรือโค้ดที่คุณกำลังแสดงความคิดเห็นระหว่างแท็กความคิดเห็น:<!-- --> .
นี่คือลักษณะที่ปรากฏในโค้ด:
<!-- The text in here will be invisible on the website -->
<div class="content">
Here's some regular HTML content!
</div>เมื่อคุณโหลดเว็บไซต์ ความคิดเห็น HTML จะไม่ปรากฏบนหน้า:
แต่หากคุณตรวจสอบโค้ดเว็บไซต์ในเบราว์เซอร์ คุณจะยังคงเห็นข้อความความคิดเห็น HTML:
ความคิดเห็น HTML แบบหลายบรรทัด
ในการสร้างความคิดเห็นแบบหลายบรรทัดหรือบล็อก HTML คุณยังคงใช้ความคิดเห็น (<!-- --> ) แต่คุณสามารถมีความคิดเห็นได้มากกว่าหนึ่งบรรทัด ตราบใดที่คุณมีข้อความแสดงความคิดเห็นระหว่างแท็ก ข้อความนั้นก็จะรวมอยู่ในความคิดเห็น
นี่คือตัวอย่างความคิดเห็น HTML แบบหลายบรรทัด:
<!--
The text in here will be invisible on the website!
Here's another line of the comment.
You can have as many lines as you want! 😁
-->
<div class="content">
And here's that regular HTML content again.
</div>นี่คือลักษณะที่ปรากฏบนเว็บไซต์:
และคุณสามารถดูความคิดเห็น HTML ทั้งหมดในตัวตรวจสอบ:
วิธีเขียนความคิดเห็นใน CSS
ความคิดเห็น CSS บรรทัดเดียว
หากต้องการแสดงความคิดเห็น CSS บรรทัดเดียว ให้ใส่ข้อความความคิดเห็นหรือโค้ดระหว่าง /* */ แท็ก
นี่คือตัวอย่าง:
/* This text will be ignored by the browser! */
.description {
font-size: 1rem;
line-height: 1.25rem;
color: #202020;
}ความคิดเห็น CSS แบบหลายบรรทัด
หากต้องการเขียนหลายบรรทัดหรือบล็อกความคิดเห็น CSS คุณสามารถใช้ /* */ . เดียวกันได้ แท็ก และใส่เนื้อหาความคิดเห็นในหลายบรรทัด
ความคิดเห็น CSS แบบหลายบรรทัดจะมีลักษณะดังนี้:
/*
This text will be ignored by the browser!
And this will also be included in the comment!
One last line of comment for good measure 😁
*/
.description {
font-size: 1rem;
line-height: 1.25rem;
color: #202020;
}วิธีเขียนความคิดเห็นใน JavaScript
ความคิดเห็น JavaScript บรรทัดเดียว
ในการสร้างความคิดเห็นบรรทัดเดียวใน JavaScript ให้เริ่มบรรทัดด้วยเครื่องหมายทับสองตัว (// )
นี่คือตัวอย่าง:
// This text is a comment and will be ignored!คุณยังสามารถเพิ่มความคิดเห็นบรรทัดเดียวในบรรทัดเดียวกับโค้ดบางส่วนได้ ตราบใดที่ความคิดเห็นเป็นเนื้อหาสุดท้ายในบรรทัดนั้น ก็ใช้ได้
ซึ่งจะมีลักษณะดังนี้:
console.log('Test code here!'); // This is a console log messageความคิดเห็น JavaScript แบบหลายบรรทัด
หากคุณต้องการสร้างความคิดเห็นแบบหลายบรรทัดหรือบล็อกใน JavaScript ให้ใส่ข้อความความคิดเห็นระหว่าง /* */ แท็ก (นี่เป็นวิธีการเดียวกับ CSS)
ซึ่งจะมีลักษณะดังนี้:
/*
Function: doSomeAwesomeThing()
This does something awesome, but I don't know what!
*/
function doSomeAwesomeThing(){
console.log('Run awesome function');
}กำลังปิด
การเพิ่มความคิดเห็นในโค้ดของคุณใน HTML, CSS และ JavaScript จะช่วยให้ผู้อื่นเข้าใจว่าโค้ดของคุณเกี่ยวกับอะไร
นอกจากนี้ยังเป็นประโยชน์เมื่อคุณกำลังทำงานในโครงการที่กำลังพัฒนาและจำเป็นต้องแสดงความคิดเห็นชั่วคราวเกี่ยวกับโค้ดบางส่วนขณะทำการทดสอบ แต่อย่าลืมแสดงความคิดเห็นในโค้ดที่ใช้งานจริง!
