프론트엔드 개발에서는 어떤 이유로(코드 설명, 주석 등) 주석문이 필요한 경우가 많습니다. 그러면 주석문에 주석을 다는 방법과 주석문에 대한 주의사항은 무엇입니까? 이 장에서는 프런트엔드 개발에서 명령문에 주석을 추가하는 방법을 보여줍니다. 세 가지 주석 방법(소개) 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
1. HTML 🎜# 1. 정의:
댓글 태그는 HTML 소스 코드에 댓글을 삽입하는 데 사용됩니다. 댓글은 브라우저에 표시되지 않습니다.
2. 사용법
<!--xxxxxx(需要注释的语句)-->
코드 예:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML <!--...--> 标签</title> <style> *{ margin: 0; padding: 0; } .demo{ width: 200px; height: 100px; margin: 50px auto; } ul li{ width: 20px; height: 20px; float: left; margin: 10px; list-style: none; background-color: #70DBDB; } </style> </head> <body> <div class="demo"> <p>1~5的数字,不会显示2</p> <ul> <li>1</li> <!--<li>2</li>--> <li>3</li> <li>4</li> <li>5</li> </ul> </div> </body> </html>
렌더링:
#🎜🎜 #위의 예에서 숫자 2가 모니터에 표시되지 않는 이유는 숫자 2를 표시하는 코드 문자열이 주석 처리되어 표시할 수 없기 때문입니다.
태그는 여러 줄 주석에 사용할 수 있으며 HTML 소스 코드에 주석을 달기 위해 HTML 파일에서만 사용할 수 있습니다. 2. //--한 줄 주석이중 슬래시 주석 줄( //)는 자바스크립트 소스코드에서만 사용할 수 있는 주석으로, 한줄 주석만 구현할 수 있습니다.
<script type="text/javascript"> //alert("Hello World!") </script>
#🎜🎜 # 슬래시 별표 주석(/*...*/)을 사용하여 CSS 소스 코드와 JavaScript 소스 코드에 주석을 달 수 있으므로 여러 줄을 함께 주석으로 달 수 있습니다. CSS 소스 파일에서:
/* 注释内容 */ /* ----------文字样式开始---------- */ /* 白色12象素文字 */ .dreamduwhite12px { color:white; font-size:12px; } /* 黑色16象素文字 */ .dreamdublack16px { color:black; font-size:16px; } /* ----------文字样式结束---------- */
소스 코드에 주석을 달면 코드를 설명하고 코드의 가독성을 높일 수 있습니다.
in JavaScript:
/* var jb51 = "www.php.cn"; var jb51 = "du"; */
in JavaScript 과도한 댓글 JavaScript의 실행 속도와 로딩 속도가 느려지므로 웹 사이트를 게시하기 전에 JavaScript 주석을 제거해야 합니다.
JavaScript에서 (/* 또는 */)는 JavaScript 정규 표현식에 나타날 수 있으므로 주석 블록(/* ... */)에 나타날 수 없습니다. 이런 종류의 코드를 생성하면 구문 오류가 발생하므로 JavaScript에서 //를 주석문으로 사용하여 코드에 주석을 달는 것이 좋습니다.
프론트 엔드 개발 과정에서 주석을 사용하여 코드를 설명하고 코드의 가독성을 높일 수 있습니다. 이는 향후 코드 편집(유지 관리 또는 조회)을 개선하는 데 도움이 됩니다. 이는 많은 코드를 작성할 때 특히 유용합니다. 주석 태그를 사용하여 브라우저에서 지원하지 않는 스크립트를 숨길 수 있습니다(스크립트가 일반 텍스트로 표시되지 않도록).
위 내용은 프론트 엔드 개발에서 명령문에 주석을 추가하는 방법은 무엇입니까? 세 가지 주석 방법(소개)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!