프론트 엔드 개발에서 명령문에 주석을 추가하는 방법은 무엇입니까? 세 가지 주석 방법(소개)
- 青灯夜游원래의
- 2018-09-15 17:37:5213769검색
프론트엔드 개발에서는 어떤 이유로(코드 설명, 주석 등) 주석문이 필요한 경우가 많습니다. 그러면 주석문에 주석을 다는 방법과 주석문에 대한 주의사항은 무엇입니까? 이 장에서는 프런트엔드 개발에서 명령문에 주석을 추가하는 방법을 보여줍니다. 세 가지 주석 방법(소개) 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
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를 표시하는 코드 문자열이 주석 처리되어 표시할 수 없기 때문입니다. 
이중 슬래시 주석 줄( //)는 자바스크립트 소스코드에서만 사용할 수 있는 주석으로, 한줄 주석만 구현할 수 있습니다.
<script type="text/javascript">
//alert("Hello World!")
</script>위 코드를 실행하면 "Hello World!" 대화 상자가 나타나지 않습니다.
#🎜🎜 # 슬래시 별표 주석(/*...*/)을 사용하여 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!