HTML-주석

댓글은 웹 브라우저에서 무시되는 코드입니다. HTML 코드, 특히 복잡한 문서에 주석을 추가하여 문서의 섹션과 코드를보고있는 모든 사람에게 기타 메모를 표시하는 것이 좋습니다. 주석은 여러분과 다른 사람들이 여러분의 코드를 이해하고 코드 가독성을 높이는 데 도움이됩니다.

HTML 주석은 사이에 배치됩니다. <!-- ... -->태그. 따라서 <!-...-> 태그가 포함 된 모든 콘텐츠는 주석으로 처리되며 브라우저에서 완전히 무시됩니다.

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

이것은 주석의 일부로 주어진 내용을 표시하지 않고 다음 결과를 생성합니다-

유효한 주석과 유효하지 않은 주석

주석은 중첩되지 않으므로 주석을 다른 주석 안에 넣을 수 없습니다. 두 번째로 이중 대시 시퀀스 "-"는 닫는-> 태그의 일부를 제외하고 주석 내부에 나타나지 않을 수 있습니다. 또한 주석 시작 문자열에 공백이 없는지 확인해야합니다.

여기에서 주어진 주석은 유효한 주석이며 브라우저에 의해 지워집니다.

<!DOCTYPE html>
<html>

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

이것은 다음 결과를 생성합니다-

그러나 다음 줄은 유효한 주석이 아니며 브라우저에 표시됩니다. 왼쪽 꺾쇠 괄호와 느낌표 사이에 공백이 있기 때문입니다.

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

이것은 다음 결과를 생성합니다-

여러 줄 주석

지금까지 한 줄 주석을 보았지만 HTML은 여러 줄 주석도 지원합니다.

아래 주어진 예와 같이 첫 번째 줄과 마지막 줄의 끝에 배치 된 특수 시작 태그 <!-및 끝 태그->로 여러 줄을 주석 처리 할 수 ​​있습니다.

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

이것은 다음 결과를 생성합니다-

조건부 주석

조건부 주석은 Windows의 Internet Explorer (IE)에서만 작동하지만 다른 브라우저에서는 무시됩니다. Explorer 5부터 지원되며이를 사용하여 여러 버전의 IE에 조건부 지침을 제공 할 수 있습니다.

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

다른 버전의 Internet Explorer를 기반으로 다른 스타일 시트를 적용해야하는 상황이 발생합니다. 이러한 상황에서는 조건부 주석이 도움이 될 것입니다.

댓글 태그 사용

HTML 코드의 일부에 주석을 달기 위해 <comment> 태그를 지원하는 브라우저는 거의 없습니다.

Note− HTML5에서 더 이상 사용되지 않는 <comment> 태그. 이 요소를 사용하지 마십시오.

<!DOCTYPE html>
<html>

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

IE를 사용하는 경우 다음과 같은 결과가 생성됩니다.

그러나 IE를 사용하지 않으면 다음과 같은 결과가 생성됩니다.

주석 스크립트 코드

HTML로 JavaScript를 배우 겠지만 별도의 자습서에서 HTML 코드에서 Java Script 또는 VB Script를 사용하는 경우 해당 스크립트 코드를 적절한 HTML 주석 안에 넣는 것이 좋습니다. 브라우저가 제대로 작동 할 수 있습니다.

<!DOCTYPE html>
<html>

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

이것은 다음 결과를 생성합니다-

스타일 시트에 주석 달기

별도의 자습서에서 HTML과 함께 스타일 시트를 사용하는 방법을 배우게 될 것이지만 여기서는 HTML 코드에서 CSS (Cascading Style Sheet)를 사용하는 경우 해당 스타일 시트 코드를 적절한 HTML 주석 안에 넣는 것이 좋습니다. 이전 브라우저가 제대로 작동 할 수 있도록합니다.

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

이것은 다음 결과를 생성합니다-