>웹 프론트엔드 >HTML 튜토리얼 >html, css, js 코드의 주석 사용 요약

html, css, js 코드의 주석 사용 요약

巴扎黑
巴扎黑원래의
2017-05-21 09:31:091398검색

필요한 주석을 추가하는 것은 책임감 있고 윤리적인 프런트 엔드가 갖춰야 할 좋은 습관이며, 이는 코드의 유지 관리성과 가독성을 크게 향상시킬 수 있습니다. 아래 에디터는 html, css, js 댓글의 표준 사용법을 요약해서 소개해드립니다. 필요한 친구들은 참고하시면 됩니다.

책임감 있는 사람이 꼭 갖춰야 할 필수 댓글을 추가하세요. 윤리적인 프런트 엔드는 코드의 유지 관리성과 가독성을 크게 향상시킬 수 있습니다. 우선, 모두가 html, css, js 댓글 작성 방법을 숙지해야 합니다:

html 댓글:

cf0a7fdf3fded0478c0b380f8c86584a

css 댓글:

//댓글 내용 한 줄 댓글(일부 브라우저는 호환되지 않고 효과가 없을 수 있으므로 권장하지 않음)
/* 댓글 내용*/ 여러 줄 댓글(권장)

JavaScript:

//댓글 내용 한 줄 댓글
/*댓글 내용*/ Multi- 줄 주석

요약:

//댓글 내용(CSS 또는 자바스크립트에서 한 줄 주석 삽입)
/*댓글 내용*/(여러 줄 삽입 CSS나 javascript의 줄 주석)

다음은 이러한 종류의 코드에서 주석이 사용되는 위치와 주석 작성 방법을 요약한 것입니다. (개인 습관에 따라 다를 수 있음)

1. HTML 주석

사용 위치:

1) 일부 주요 노드에서 일반적으로 사용됩니다. 레이블의 끝(예:


<p class="wrap">
<p class="main">
...
</p><!--main end-->
<p><!--wrap end-->

2) 다음과 같은 일부 루프의 끝 뒤에 사용됩니다.


<ul class="list">
    <li>111111</li>
    <li>222222</li>
    <li>333333</li>
</ul><!--list loop-->

이 모든 것은 프로그램을 중첩했을 때 더욱 편리하고 명확하게 만들기 위한 것입니다. 다른 사람에게도 편리하면 자신에게도 편리합니다. 프로그램의 중첩은 매우 지저분하며 이를 수정하는 과정도 매우 복잡합니다.

2. CSS 주석

은 일반적으로 이 스타일이 적용되는 모듈을 나타내기 위해 모듈 스타일을 정의할 때 사용됩니다.


/*通用 - 评论*/
.comment{...}
/*相册*/
.photo{...}
/*分享*/
.share{...}
/*投票*/
.vote{...}

3. JavaScript 주석

일반적으로 특정 함수 위에는 해당 함수의 함수, 작성자, 작성자 정보, 수정 사항을 설명하는 주석이 추가됩니다. 시간.


//========================================================
//      截断字符
//      steepvi
//      rtx:*******
//      2010-10-14
//========================================================

마지막으로 댓글도 문자이며 트래픽을 생성합니다. 따라서 공식 주소에 페이지를 게시할 때에는 최적화 과정을 추가하는 것이 가장 좋습니다.

압축 프로세스는 역방향이 아닌 프로세스로, 로컬 파일이 최신 상태이고 주석이 추가되었는지 확인한 다음 압축 후 서버에 업로드합니다. 서버측 파일은 로컬 디버깅에 사용할 수 없습니다.

위 내용은 html, css, js 코드의 주석 사용 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.