[HTML 초급 교재용]
HTML 소스 코드에서는
이런 기호로 주석 즉 설명문을 붙일 수 있습니다. "부등호+느낌표+마이너스2개"로 시작하여, "마이너스2개+부등호"로 끝납니다.
그렇지만 CSS나 자바스크립트 영역에서는 다른 주석 기호를 사용합니다. 다음 예제와 같습니다.
<html>
<head>
<style type="text/css">
.test-code { font-family:'궁서'} /* CSS 스타일 시트의 주석문(설명문) */
</style>
<script type="text/javascript">
/*
자바 스크립트의블록코멘트입니다.
*/
document.write('ABC' + '<br />'); // 자바스크립트의 한 줄짜리 설명문
</script>
</head>
<body>
<!--
이곳은 HTML 주석문입니다.
그래서 이 부분의 문장들은 브라우저에 출력되지 않습니다.
이렇게 블록 코멘트로서 사용할 수도 있습니다.
그러나 코멘트 속에 또 코멘트가 중첩되어 있으면 안됩니다.
-->
본문 텍스트
<div class="test-code">본문 텍스트</div> <!-- HTML 주석문 -->
</body>
</html>
참고로,
<!-- -->
이런 HTML 주석 속에는, < 또는 > 또는 -- 이런 기호는 없는 것이 좋습니다.
중복된 주석으로 오인되어 오작동할 수 있기 때문입니다.
=================================================
HTML] CSS 주석문 주석 기호,
스타일 시트에 설명 붙이기; Comment Remark
CSS 스타일 시트에서는, C언어와 같이
/* */
라는 기호로 주석문(설명문)을 붙일 수 있습니다. 슬래시+별표로 시작하여, 별표+슬래시로 끝납니다.
자바스크립트와 달리 // 이런 기호는 안됩니다. 즉, CSS의 주석문은 항상 블록 코멘트 형식입니다.
<html>
<head>
<style type="text/css">
/*
여기에, CSS의 블록 코멘트로서 설명문을
여러 줄 쓸 수 있습니다.
그러나 블록 코멘트가 중복되면 안됩니다.
즉, 블록 코멘트 속에 또다른 블록 코멘트가 들어 있으면
에러가 납니다.
*/
body {
font-size:24pt;
color:red;
background-color:yellow;
}
/* 아래줄과 같이 코드 뒤에 주석을 붙일 수도 있습니다 */
.test-code { font-family:'궁서'} /* 여기에, 이 줄에 대한 설명문 */
</style>
</head>
<body>
<!-- 여기서는 이런 HTML 주석을 사용해야 합니다 -->
본문 텍스트
<div class="test-code">본문 텍스트</div>
</body>
</html>
===============================================
Perl/펄] 텍스트 파일에서, 개행문자 제거, 한줄로 출력; Text File Delete Newline
각 행의 끝에 붙어 있는 줄바꿈 문자를 제거하는 chomp() 함수를 사용합니다.
줄바꿈 문자(개행문자) 삭제 출력 예제: Remove CR/LF or LF, Example
파일명: 0.pl
use strict; use warnings;
@_ = <>; # 입력파일(<>)을, 기본배열인 @_ 에 통째로 저장
chomp(@_); # 각 행 끝의 개행문자 모두 제거
print @_; # 파일을 화면으로 출력
테스트용으로 사용할 입력 파일: test.txt
AAA
BBB
CCC
똠방각하
전홥니다.
ZZZ
눈에 보이지는 않지만 각 행의 끝에 개행문자가 있습니다. 쉽게 말해서, 엔터 키(Enter Key)가 쳐져 있습니다.
컴파일 및 실행 결과 화면:
AAA BBBCCC똠방각하전홥니다.ZZZ
D:\Z>
이제 행갈이 없이, 모든 행이 한 줄로 나오고 있습니다.
출력 결과를 화면이 아닌, 텍스트 파일로 저장하려면
이렇게 재지향(Redirection)을 사용합니다.
정규식을 사용하여 좀더 유연하게 개행문자 삭제하는 법: ▶▶ Perl/펄 정규식] 줄바꿈 문자 제거, 개행 문자 삭제; Text File Remove Newline (Enter Key)
======================================================