HTML - Nhận xét

Nhận xét là một đoạn mã bị bất kỳ trình duyệt web nào bỏ qua. Một phương pháp hay là thêm nhận xét vào mã HTML của bạn, đặc biệt là trong các tài liệu phức tạp, để chỉ ra các phần của tài liệu và bất kỳ ghi chú nào khác cho bất kỳ ai xem mã. Nhận xét giúp bạn và những người khác hiểu mã của bạn và tăng khả năng đọc mã.

Nhận xét HTML được đặt ở giữa các thẻ. Vì vậy, bất kỳ nội dung nào được đặt với thẻ <! - ... -> sẽ được coi là bình luận và sẽ bị trình duyệt bỏ qua hoàn toàn.

Thí dụ

<!DOCTYPE html>
<html>

   <head>  <!-- Document Header Starts -->
      <title>This is document title</title>
   </head> <!-- Document Header Ends -->
	
   <body>
      <p>Document content goes here.....</p>
   </body>
	
</html>

Điều này sẽ tạo ra kết quả sau mà không hiển thị nội dung được đưa ra dưới dạng một phần của nhận xét -

Nhận xét hợp lệ và không hợp lệ

Các bình luận không lồng vào nhau có nghĩa là một bình luận không thể được đưa vào bên trong một bình luận khác. Thứ hai, chuỗi dấu gạch ngang kép "-" có thể không xuất hiện bên trong nhận xét ngoại trừ là một phần của thẻ đóng ->. Bạn cũng phải đảm bảo rằng không có khoảng trắng trong chuỗi nhận xét bắt đầu.

Thí dụ

Ở đây, bình luận được đưa ra là bình luận hợp lệ và sẽ bị xóa bởi trình duyệt.

<!DOCTYPE html>
<html>

   <head>
      <title>Valid Comment Example</title>
   </head>
	
   <body>
      <!--   This is valid comment -->
      <p>Document content goes here.....</p>
   </body>
	
</html>

Điều này sẽ tạo ra kết quả sau:

Tuy nhiên, dòng sau không phải là bình luận hợp lệ và sẽ được trình duyệt hiển thị. Điều này là do có một khoảng trống giữa dấu ngoặc nhọn bên trái và dấu chấm than.

<!DOCTYPE html>
<html>

   <head>  
      <title>Invalid Comment Example</title>
   </head>
	
   <body>
      < !--   This is not a valid comment -->
      <p>Document content goes here.....</p>
   </body>
	
</html>

Điều này sẽ tạo ra kết quả sau:

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

Cho đến nay, chúng ta đã thấy các nhận xét đơn dòng, nhưng HTML cũng hỗ trợ các nhận xét nhiều dòng.

Bạn có thể nhận xét nhiều dòng bằng thẻ bắt đầu đặc biệt <! - và thẻ kết thúc -> được đặt trước dòng đầu tiên và cuối dòng cuối cùng như thể hiện trong ví dụ dưới đây.

Thí dụ

<!DOCTYPE html>
<html>

   <head>  
      <title>Multiline Comments</title>
   </head> 
	
   <body>
      <!-- 
         This is a multiline comment and it can
         span through as many as lines you like.
      -->
      
      <p>Document content goes here.....</p>
   </body>
	
</html>

Điều này sẽ tạo ra kết quả sau:

Nhận xét có điều kiện

Nhận xét có điều kiện chỉ hoạt động trong Internet Explorer (IE) trên Windows nhưng chúng bị các trình duyệt khác bỏ qua. Chúng được hỗ trợ từ Explorer 5 trở đi và bạn có thể sử dụng chúng để đưa ra các hướng dẫn có điều kiện cho các phiên bản IE khác nhau.

Thí dụ

<!DOCTYPE html>
<html>

   <head>  
      <title>Conditional Comments</title>

      <!--[if IE 6]>
         Special instructions for IE 6 here
      <![endif]-->
   </head> 
   
   <body>
      <p>Document content goes here.....</p>
   </body>
	
</html>

Bạn sẽ gặp một tình huống mà bạn sẽ cần áp dụng một biểu định kiểu khác dựa trên các phiên bản khác nhau của Internet Explorer, trong trường hợp đó, các nhận xét có điều kiện sẽ rất hữu ích.

Sử dụng thẻ nhận xét

Có một số trình duyệt hỗ trợ thẻ <comment> để nhận xét một phần của mã HTML.

Note- Thẻ <comment> không được dùng trong HTML5. Không sử dụng phần tử này.

Thí dụ

<!DOCTYPE html>
<html>

   <head>
      <title>Using Comment Tag</title>
   </head>
	
   <body>
      <p>This is <comment>not</comment> Internet Explorer.</p>
   </body>
	
</html>

Nếu bạn đang sử dụng IE, thì nó sẽ cho kết quả như sau:

Nhưng nếu bạn không sử dụng IE, thì nó sẽ cho kết quả như sau:

Mã tập lệnh bình luận

Mặc dù bạn sẽ học JavaScript với HTML, trong một hướng dẫn riêng, nhưng ở đây bạn phải lưu ý rằng nếu bạn đang sử dụng Java Script hoặc VB Script trong mã HTML của mình thì bạn nên đặt mã script đó bên trong các chú thích HTML phù hợp sao cho cũ. trình duyệt có thể hoạt động bình thường.

Thí dụ

<!DOCTYPE html>
<html>

   <head>
      <title>Commenting Script Code</title>
      
      <script>
         <!-- 
            document.write("Hello World!")
         //-->
      </script>
   </head>
	
   <body>
      <p>Hello , World!</p>
   </body>
	
</html>

Điều này sẽ tạo ra kết quả sau:

Nhận xét Trang tính Kiểu

Mặc dù bạn sẽ học cách sử dụng biểu định kiểu với HTML trong một hướng dẫn riêng, nhưng ở đây bạn phải lưu ý rằng nếu bạn đang sử dụng Biểu định kiểu xếp tầng (CSS) trong mã HTML của mình thì bạn nên đặt mã biểu định kiểu đó bên trong các chú thích HTML phù hợp để các trình duyệt cũ có thể hoạt động bình thường.

Thí dụ

<!DOCTYPE html>
<html>

   <head>
      <title>Commenting Style Sheets</title>
      
      <style>
         <!--
            .example {
               border:1px solid #4a7d49;
            }
         //-->
      </style>
   </head>
	
   <body>
      <div class = "example">Hello , World!</div>
   </body>
	
</html>

Điều này sẽ tạo ra kết quả sau: