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 người khác những gì mã làm. Mã hoặc văn bản khác được nhận xét bị bỏ qua bởi trình duyệt.
Đọc tiếp để xem cách tạo nhận xét trong mã HTML, CSS và JavaScript!
Để nhận xét một dòng HTML duy nhất, đặt văn bản hoặc mã bạn đang nhận xét giữa các thẻ bình luận: & nbsp; ________ 7.
Ở đây, cách thức 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 đã giành được 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ể xem văn bản nhận xét HTML:
Để tạo nhận xét HTML đa dòng hoặc khối, bạn vẫn sử dụng các thẻ nhận xét (<!-- -->), nhưng bạn có thể có nhiều dòng trong nhận xét của mình. Miễn là bạn chứa văn bản bình luận giữa các thẻ, nó sẽ được bao gồm trong nhận xét.
Ở đây, một ví dụ về nhận xét HTML đa 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>Đây là cách mà nó sẽ nhìn trên trang web:
Và bạn có thể thấy toàn bộ nhận xét HTML trong Thanh tra:
Để thực hiện một dòng CSS duy nhất, hãy đặt văn bản hoặc mã nhận xét giữa & nbsp; ________ 9Tags.
Đây là một ví dụ:
/* This text will be ignored by the browser! */ .description { font-size: 1rem; line-height: 1.25rem; color: #202020; }Để viết các nhận xét Multiline hoặc khối CSS, bạn có thể sử dụng các thẻ giống nhau & nbsp; ____ 9 & nbsp; và đặt nội dung nhận xét trên nhiều dòng.
Ở đây, những gì một bình luận CSS đa dòng sẽ 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; }Để tạo một bình luận dòng duy nhất trong JavaScript, hãy bắt đầu dòng với hai dấu gạch chéo về phía trước (<!-- 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>1).
Ở đây, 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 bình luận dòng duy nhất trên cùng một dòng với một số mã. Miễn là bình luận 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 messageNếu bạn muốn tạo một nhận xét đa dòng hoặc chặn trong JavaScript, hãy gửi kèm theo văn bản nhận xét giữa & nbsp; ____ 9 & nbsp; 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'); }Kết thúc
Thêm nhận xét vào mã của bạn trong 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 làm việc trong một dự án đang phát triển và cần tạm thời nhận xét một số mã trong khi thử nghiệm. Nhưng chỉ cần đảm bảo không để lại ý kiến trong mã sản xuất!
Bạn muốn tìm hiểu làm thế nào để xây dựng một trang web?
Tôi đang thực hiện một khóa học sẽ dạy bạn cách xây dựng một trang web đáp ứng trong thế giới thực từ đầu!
Tìm hiểu thêm