> 웹 프론트엔드 > 프런트엔드 Q&A > HTML에 주석을 다는 방법

HTML에 주석을 다는 방법

藏色散人
풀어 주다: 2023-01-04 09:33:44
원래의
12574명이 탐색했습니다.

HTML에서는 "" 태그를 통해 주석을 추가할 수 있습니다. 주석은 페이지에 표시되지 않지만 웹 디자이너에게 관련 프로그램 정보를 상기시키는 데 사용될 수 있습니다. ; 주석 줄은 "<!--comment[<%=expression%>]-->"와 같이 작성됩니다.

HTML에 주석을 다는 방법

이 글의 운영 환경: Windows 7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터

HTML 댓글

프로그램에서 실행되지 않는 코드입니다. 프로그래머가 코드를 표시하는 데 사용되며 이는 나중에 수정하고 다른 사람이 학습하는 데 도움이 됩니다

장치에 표시되는 탐색 중에는 표시되지 않습니다.

일부 코드 옆에 HTML 주석을 작성해야 하는 경우가 많습니다. 이렇게 하면 프로젝트 팀의 다른 프로그래머가 코드를 더 쉽게 이해할 수 있고 자신도 코드를 더 쉽게 이해하고 수정할 수 있는 등 많은 이점이 있습니다.

HTML 문서에 자신만의 주석을 추가할 수 있습니다. 설명은 페이지에 표시되지 않지만 웹 디자이너에게 관련 프로그램 정보를 기억하도록 상기시키는 데 사용될 수 있습니다. 주석 줄은 다음과 같이 작성됩니다.

<!--The following table gives us precise control of figure placement.-->
로그인 후 복사

참고: 느낌표 뒤에는 두 개의 하이픈이 있어야 하고 보다 큼 기호 앞에는 두 개의 하이픈이 있어야 합니다. 일부 브라우저에서는 이를 엄격하게 확인합니다.

HTML 주석의 기본 구문

<!--comment[<%=expression%>]-->
로그인 후 복사

예제 1

<!--Thisfiledisplaystheuserloginscreen-->
로그인 후 복사

은 클라이언트의 HTML 소스 코드에서 위와 동일한 데이터를 생성합니다.

예제 2

<!--Thispagewasloadedon<%=(newjava.util.Date()).toLocaleString()%>-->
로그인 후 복사

는 클라이언트의 HTML 소스 코드에 다음과 같이 표시됩니다.

<!--ThispagewasloadedonJanuary1,2000-->
로그인 후 복사

Description

이런 종류의 주석은 HTML과 매우 유사합니다. 즉, "소스 코드 보기"에서 볼 수 있습니다.

차이점은 이 주석에서 표현식을 사용할 수 있다는 것입니다(예제 2 참조). 표현식은 가변적이며 페이지마다 다릅니다. 유효한 한 다양한 표현식을 사용할 수 있습니다. 자세한 내용은 표현식

// 및 /* */도 HTML에서 흔히 사용되는 주석이지만 js 및 CSS 언어에서만 사용할 수 있으며 HTML 언어에서는 작동하지 않습니다!

댓글의 역할

보시다시피 ""라고 댓글을 단 내용은 브라우저에 표시되지 않습니다. 코멘트 태그는 소스 코드에 코멘트를 삽입하는 데 사용되며, 코멘트의 내용은 브라우저에 표시되지 않습니다. 키코드를 댓글로 달아주시면 나중에 당시 작성했던 소스코드를 이해하는 데 도움이 됩니다.

HTML 코드를 작성할 때 일부 핵심 코드 옆에 주석을 달아야 하는 경우가 많습니다. 이는 이해하기 쉽고, 찾기 쉬우며, 프로젝트 팀의 다른 프로그래머가 코드를 더 쉽게 이해할 수 있다는 등의 이점이 있습니다. , 또한 편리합니다. 나중에 코드를 수정할 수 있습니다.

중요한 코드에 댓글을 다는 것은 좋은 습관입니다. 웹사이트나 기능 모듈을 개발할 때 코드 주석은 특히 중요합니다. 그 당시의 코드는 수백, 심지어 수천 줄에 달하는 경우가 많았기 때문에 키 코드에 대해 코멘트를 하지 않으면 그 때 작성한 코드를 이해하지 못할 정도로 어지러움을 느끼는 경우가 많았습니다.

추천 학습: "HTML 비디오 튜토리얼" "css 비디오 튜토리얼"

위 내용은 HTML에 주석을 다는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿