4. 주석으로 가독성을 높이자.
웹 사이트를 구축하다 보면 자신이 만든 혹은 남이 만든 내용이 무엇인지 살펴볼 때가 많습니다. 이 때 자신이 원하는 부분을 빠르게 찾을 수 있고 무슨 의미인지 쉽게 이해할 수 있다면 개발 및 유지보수 비용을 줄일 수 있습니다.
대부분의 브라우저에서는 Ctrl + F 키를 누르면 문자열 검색을 할 수 있어요. 이를 잘 활용하기 위해서 작성하는 HTML 문서에 주석을 넣어두면 찾기도 쉽고 이해하기도 쉽답니다.
주석은 <!-- 로 시작해서 --> 로 끝납니다.
<!DOCTYPE html>
<html>
<!--head 시작-->
<head>
<!--제목-->
<title>주석으로 가독성을 높이자.</title>
<!-- 문자 인코딩 -->
<meta charset="utf-8" />
</head>
<!--body 시작-->
<body>
<pre>
<!--제목 -->
청포도
<!--작가-->
이육사
<!--본문-->
내 고장 칠월은
청포도가 익어 가는 시절
이 마을 전설이 주저리주저리 열리고
먼 데 하늘이 꿈꾸며 알알이 들어와 박혀
하늘 밑 푸른 바다가 가슴을 열고
흰 돛단배가 곱게 밀려서 오면
내가 바라는 손님은 고달픈 몸을
청포를 입고 찾아온다고 했으니
내 그를 맞아 이 포도를 따 먹으면
두 손은 함뿍 적셔도 좋으련
아이야 우리 식탁엔 은 쟁반에
하이얀 모시 수건을 마련해 두렴
<!--작가 소개-->
작가
이육사(1904~1944)
본명은 원록(집에서는 원삼으로 불렀습니다.)
대구형무소에 수감할 때의 수감번호 264에서 호를 정했습니다.
1944년 북경 감옥에서 작고하셨습니다.
<!--감상-->
감상
시를 읽으면서 느껴지는 감정은 어떤가요?
작가의 삶과 시에서 느껴지는 감정을 통해 화자가 전달하고자 하는 것은 무엇일지 생각해 보세요.
화자가 얘기하는 청포도는 우리에게 어떠한 감정을 전달하기 위해 사용한 글감인지 생각해 보세요.
<!--팁-->
팁
이육사 문학관이 2004년에 개관하였고 현재(2016년)는 공사 중에 있습니다.
2017년에 완공 예정이라고 하니 경북 안동 근처에 갈 일이 있으면 한 번 들려보세요.
<!--추가할 내용이 있으면 여기에 추가하세요. -->
</pre>
</body>
</html>
ex_comment.html'언어 자료구조 알고리즘 > HTML5' 카테고리의 다른 글
| [HTML5] 9. time 태그로 날짜와 시각 정보를 표시하는 습관을 기릅시다. (1) | 2016.05.09 |
|---|---|
| [HTML5] 8. 굵게 표시하는 태그 <strong>은 강조 <b>는 그냥 굵게 (0) | 2016.05.07 |
| [HTML5] 7. mark 태그를 이용하여 중요한 텍스트에 형광펜 효과를 주자. (0) | 2016.05.07 |
| [HTML5] 6. 안전한 구조를 위해 br 태그에 종료를 표시하자. (0) | 2016.05.05 |
| [HTML5] 5. 소스 코드를 본문에 포함할 때는 pre 태그를 사용! (0) | 2016.05.05 |
| [HTML5] 3. 글자가 이상하게 보일 때 깨지지 않게 meta태그에 인코딩 설정 (0) | 2016.05.04 |
| [HTML5] 2. 간단해진 HTML 문서 형식 선언 <!DOCTYPE html> (0) | 2016.05.04 |
| [HTML5] 1. 첫 번째 만드는 HTML 문서, "Hello, HTML" (0) | 2016.05.04 |
| [HTML5] 이미지 (0) | 2016.04.09 |
| [HTML5] 테이블 (0) | 2016.04.09 |