코드에 주석을 추가하는 것은 코드가 하는 일을 설명하는 메모를 포함하는 데 유용한 방법입니다. 주석 처리된 코드 또는 기타 텍스트는 브라우저에서 무시됩니다.
HTML, CSS 및 JavaScript 코드에서 주석을 작성하는 방법을 보려면 계속 읽으십시오!
HTML로 주석을 작성하는 방법
한 줄 HTML 주석
HTML 한 줄을 주석 처리하려면 주석 태그 사이에 주석을 추가할 텍스트나 코드를 넣으십시오. <!-- --> .
코드에서 다음과 같이 표시됩니다.
<!-- The text in here will be invisible on the website -->
<div class="content">
Here's some regular HTML content!
</div>웹사이트를 로드하면 HTML 주석이 페이지 자체에 표시되지 않습니다.
그러나 브라우저에서 웹사이트 코드를 검사하면 HTML 주석 텍스트를 계속 볼 수 있습니다.
여러 줄 HTML 주석
여러 줄을 만들거나 HTML 주석을 차단하려면 주석(<!-- --> ) 태그를 사용할 수 있지만 주석에 두 줄 이상을 포함할 수 있습니다. 태그 사이에 주석 텍스트를 포함하는 한 주석에 포함됩니다.
다음은 여러 줄 HTML 주석의 예입니다.
<!--
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>웹사이트에서는 다음과 같이 표시됩니다.
그리고 인스펙터에서 전체 HTML 주석을 볼 수 있습니다.
CSS에서 주석을 작성하는 방법
한 줄 CSS 주석
한 줄의 CSS 주석을 만들려면 /* */ 사이에 주석 텍스트 또는 코드를 넣으십시오. 태그.
다음은 예입니다.
/* This text will be ignored by the browser! */
.description {
font-size: 1rem;
line-height: 1.25rem;
color: #202020;
}여러 줄 CSS 주석
여러 줄을 작성하거나 CSS 주석을 차단하려면 동일한 /* */를 사용할 수 있습니다. 태그를 지정하고 주석 내용을 여러 줄에 넣습니다.
여러 줄 CSS 주석은 다음과 같습니다.
/*
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;
}자바스크립트에서 주석을 작성하는 방법
한 줄 자바스크립트 주석
JavaScript에서 한 줄 주석을 만들려면 두 개의 슬래시(// ).
다음은 그 예입니다.
// This text is a comment and will be ignored!일부 코드와 같은 줄에 한 줄 주석을 추가할 수도 있습니다. 주석이 해당 줄의 마지막 내용인 한 작동합니다.
다음과 같이 표시됩니다.
console.log('Test code here!'); // This is a console log message여러 줄 JavaScript 주석
JavaScript에서 여러 줄 주석을 만들거나 주석을 차단하려면 /* */ 사이에 주석 텍스트를 묶습니다. 태그. (CSS와 같은 방법입니다.)
다음과 같이 표시됩니다.
/*
Function: doSomeAwesomeThing()
This does something awesome, but I don't know what!
*/
function doSomeAwesomeThing(){
console.log('Run awesome function');
}마감 중
HTML, CSS 및 JavaScript로 코드에 주석을 추가하면 다른 사람들이 코드의 내용을 이해하는 데 도움이 됩니다.
또한 개발 중인 프로젝트에서 작업하고 테스트하는 동안 일부 코드를 일시적으로 주석 처리해야 할 때 유용합니다. 그러나 프로덕션 코드에 주석을 남기지 않도록 하십시오!