Cách bình luận trong HTML, CSS và JavaScript

Thêm nhận xét vào mã của bạn là một cách hữu ích để bao gồm các ghi chú giải thích cho bạn hoặc những người khác về chức năng của mã. Mã hoặc văn bản khác được nhận xét bị trình duyệt bỏ qua.

Đọc tiếp để biết cách tạo nhận xét bằng mã HTML, CSS và JavaScript!

Cách viết nhận xét trong HTML

Nhận xét HTML một dòng

Để nhận xét một dòng HTML, hãy đặt văn bản hoặc mã bạn đang nhận xét giữa các thẻ nhận xét:<!-- --> .

Đây là cách điều này trông như thế nào trong mã:

<!-- The text in here will be invisible on the website -->
<div class="content">
  Here's some regular HTML content!
</div>

Khi bạn tải trang web, nhận xét HTML sẽ không hiển thị trên chính trang đó:

Nhưng nếu bạn kiểm tra mã trang web trong trình duyệt của mình, bạn vẫn có thể thấy văn bản nhận xét HTML:

Nhận xét HTML nhiều dòng

Để tạo nhận xét HTML nhiều dòng hoặc chặn, bạn vẫn sử dụng nhận xét (<!-- --> ), nhưng bạn có thể có nhiều hơn một dòng trong nhận xét của mình. Miễn là bạn chứa văn bản nhận xét giữa các thẻ, văn bản đó sẽ được đưa vào nhận xét.

Dưới đây là một ví dụ về nhận xét HTML nhiều dòng:

<!-- 
  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>

Dưới đây là giao diện của nó trên trang web:

Và bạn có thể xem toàn bộ nhận xét HTML trong trình kiểm tra:

Cách viết nhận xét trong CSS

Nhận xét CSS một dòng

Để tạo nhận xét CSS một dòng, hãy đặt văn bản hoặc mã nhận xét giữa /* */ thẻ.

Đây là một ví dụ:

/* This text will be ignored by the browser! */
.description {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #202020;
}

Nhận xét CSS nhiều dòng

Để viết nhiều dòng hoặc chặn nhận xét CSS, bạn có thể sử dụng cùng một /* */ và đặt nội dung bình luận trên nhiều dòng.

Đây là nhận xét CSS nhiều dòng trông như thế nào:

/* 
  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;
}

Cách viết nhận xét bằng JavaScript

Nhận xét JavaScript một dòng

Để tạo một nhận xét dòng đơn trong JavaScript, hãy bắt đầu dòng bằng hai dấu gạch chéo về phía trước (// ).

Đây là một ví dụ về điều đó:

// This text is a comment and will be ignored!

Bạn cũng có thể thêm một dòng chú thích trên cùng một dòng với một số mã. Miễn là nhận xét là nội dung cuối cùng trên dòng đó, nó sẽ hoạt động.

Đây là những gì sẽ trông như thế nào:

console.log('Test code here!'); // This is a console log message

Nhận xét JavaScript nhiều dòng

Nếu bạn muốn tạo nhận xét nhiều dòng hoặc chặn trong JavaScript, hãy đặt văn bản nhận xét giữa /* */ các thẻ. (Đây là phương pháp tương tự như trong CSS.)

Đây là những gì sẽ trông như thế nào:

/* 
  Function: doSomeAwesomeThing()
  This does something awesome, but I don't know what! 
*/

function doSomeAwesomeThing(){
  console.log('Run awesome function');
}

Đang kết thúc

Thêm nhận xét vào mã của bạn bằng HTML, CSS và JavaScript sẽ giúp người khác hiểu mã của bạn là gì.

Nó cũng hữu ích khi bạn đang làm việc trên một dự án đang được phát triển và cần tạm thời đưa ra một số mã trong khi thử nghiệm. Nhưng chỉ cần đảm bảo không để lại nhận xét trong mã sản xuất!