HTML 주석 작성 방법

2898 단어 tutorialwebdevhtmlbeginners

HTML 주석 태그



HTML의 주석은 <!╌ 및 ╌> 태그로 묶인 텍스트입니다. 이 기술을 사용하면 일부 요소가 주석이며 프런트 엔드에 표시되어서는 안 된다는 것을 브라우저에 알릴 수 있습니다.

<!-- Write your comments here -->


HTML의 주석은 <!╌로 시작하고 ╌>로 끝납니다. 시작 태그에는 느낌표(!)가 있지만 종료 태그에는 없습니다.

HTML 주석을 사용하는 경우



소스 코드를 작성할 때 주석을 남기는 것은 좋은 습관입니다. 주석을 사용하면 코드 및 사고 과정에 대해 자신과 소통할 수 있습니다. 작업을 하지 않고 일정 기간이 지난 후 프로젝트로 돌아오면 생각하거나 하고 있던 일이 생각납니다.

같은 프로젝트를 진행하고 있는 다른 개발자들과 댓글을 통해 소통할 수 있습니다. 댓글에서 특정 코드 줄을 추가하려는 의도를 이해할 수 있습니다.

HTML에서 한 줄 주석을 작성하는 방법



한 줄만 한 줄 주석을 포함할 수 있습니다. 이미 설명한 대로 해당 줄은 브라우저에 표시되지 않습니다.

<!-- You will not be able to see this text. -->
<p>You will be able to see this text.</p>


HTML에서 인라인 주석을 작성하는 방법



문장이나 코드 줄 중간에 주석을 추가할 수도 있습니다.
<!-- --> 외부 텍스트는 영향을 받지 않고 내부 텍스트만 주석 처리됩니다.

<body>
    <p>I am <!-- going to be --> a frontend developer.</p>
</body>


HTML에서 여러 줄 주석을 작성하는 방법



지금까지 한 줄 주석과 인라인 주석만 보았지만 HTML은 여러 줄 주석도 가능합니다.

아래의 예와 같이 각각 첫 줄과 마지막 줄의 앞에 있는 주석 시작 태그( <!-- ) 및 종료 태그( --> )를 사용하면 여러 줄에 주석을 달 수 있습니다.

<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 주석 추가를 위한 키보드 단축키



바로 가기를 사용하여 주석을 빠르게 추가할 수 있으며 자주 그렇게 하는 자신을 발견하게 될 것입니다. Mac 사용자의 경우 단축키는 Command/입니다. Windows 및 Linux 사용자의 경우 Control/입니다.

내 웹 사이트에서 다음 문서를 읽고 HTML에 대해 자세히 알아보십시오.

How to write “Hello World” in HTML
What is an HTML Document’s Basic Structure?
What is an HTML Element? How do you create one?

HTML의 기초에 대해 더 알고 싶으십니까? 그런 다음 이 링크를 따라 MDN 웹 문서 – HTML basics
JavaScript 객체 구조 분해 팁
작업자 스레드가 쉬워졌습니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage