여러 줄의 HTML 코드에 주석 달기
이 문서에서 사용자는 한 번에 여러 줄의 HTML 코드에 주석을 추가하는 방법을 배웁니다. 간단한 용어로 HTML 주석을 정의하면 브라우저에서 렌더링하거나 표시하지 않는 코드 또는 명령문 조각입니다.
코드에 주석을 달아야 하는 두 가지 시나리오가 있을 수 있습니다. 첫 번째 시나리오는 일부 HTML 요소가 브라우저에 렌더링되지 않도록 숨기는 것이고 다른 시나리오는 동료 개발자에게 코드를 설명하는 것입니다.
사용자는 주석이나 설명이 없는 수천 줄의 코드가 포함된 웹 페이지와 새로운 개발자가 해당 코드를 보면 어떻게 되는지 생각할 수 있습니다. 그들은 이해할 것인가? 아니요!
따라서 HTML 코드에서 한 줄 또는 여러 줄을 주석 처리해야 합니다.
<!- --> 태그를 사용하여 여러 줄의 HTML 코드 주석 처리
이전 수십 년 동안 HTML에는 코드를 주석 처리하기 위한 <comment> 태그가 포함되었지만 현재는 더 이상 사용되지 않습니다.
오늘날 <!-- –>는 주석 태그로 작동하며 모든 최신 브라우저에서 지원됩니다. 그것은 주로 3 부분으로 구성됩니다.
첫 번째 부분은 <!--입니다. 주석을 시작해야 하는 첫 줄 앞에 넣어야 합니다.
여기서 눈에 띄는 것은 느낌표입니다. 사용자는 그것을 추가하는 것을 잊지 말아야 합니다.
두 번째 부분은 주석 내용을 포함합니다. 브라우저에서 렌더링되지 않도록 숨겨야 하는 코드 설명이나 HTML 태그와 같은 것이 될 수 있습니다.
세 번째 부분은 주석을 닫는 -->로 주석의 마지막 줄 뒤에 넣어야 합니다.
예제 코드:
<html>
<head>
<title>Multiple line comment Example.</title>
</head>
<body>
<!-- This is the code explanation comment.
<p>This will not be shown on the browser.</p>
-->
<p>Code to render.<p>
</body>
</html>
위의 예에서는 2줄의 HTML 코드에 주석을 추가했습니다.
첫 번째 줄은 코드를 설명하고 두 번째 줄은 <p> 태그를 포함합니다. 따라서 예제를 통해 HTML 태그를 주석 처리하는 방법도 배웠습니다.
키보드 단축키를 사용하여 여러 줄의 HTML 코드 주석 처리
사용자는 키보드 단축키를 사용하여 여러 줄의 HTML 코드를 주석 처리할 수 있습니다.
이를 위해 사용자는 주석 처리하려는 모든 HTML 코드 행을 선택해야 합니다. 그런 다음 macOS 사용자인 경우 Command+/ 키를 함께 누르십시오. 그렇지 않으면 Windows 또는 Linux 사용자인 경우 ctrl+/를 누르십시오.
그러나 이 방법은 <!-- --> 태그 사이에 주석을 추가해야 하는 여러 줄도 넣습니다.
또한 사용자는 <!-- –>를 사용하여 한 줄의 HTML 코드에 주석을 달 수 있습니다.
