티스토리 HTML, CSS 주석 처리 방법

 

주석은 티스토리를 시작하면서 제일 이해가 잘 안됐던 부분입니다ㅋㅋ

HTML이나 CSS를 수정하는데 복잡한 태그 속 한글이 막 나와있는데, 이게 실제로 홈페이지 어느 곳에도 표기가 되지 않는게 신기했죠 ㅋㅋㅋ

쉽게 말해 주석은 그 부분에 대한 설명글을 덧붙여 놓는 것입니다.

 

주석은 화면에는 실제로 표기되지 않고 태그 수정을 할 때 그 부분이 어떤 내용인지 표기를 해놓는 책갈피 같은 역할이라고 보면 될 것 같네요.

(알아두시면 아주아주 유용합니다!)

 

 

 

 

 

 

 

 

1. html 주석

<!-- 최근글/인기글 --> 부분이 주석입니다.

위 사진을 보면 <!-- 최근글/인기글 -->이 나와있죠?

 

👉표기 방식 : <!--내용-->

 

내용란에 내가 원하는 내용을 입력하시면 됩니다.

 

예를 들어 내가 광고 태그를 삽입했는데 나중에 찾기가 어려울 경우 해당 광고를 넣고 그 위에 <!--아래에 광고 넣어놨음-->이라고 표기해두시면 다음번 수정 시 찾기가 수월할 겁니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

2. CSS 주석

/*내용*/

CSS 주석은 HTML에 비해서 더 쉽습니다.

 

👉표기 방식 : /*내용*/

 

마찬가지로 내용란에 내가 원하는 내용을 입력하시면 됩니다.

 

CSS 같은 경우 길이나 높이 등을 수정할 일이 많기 때문에 주석을 더욱 유용하게 사용할 수 있습니다.

실제로 위 이미지를 보시면 Media Screen 부분에 (max-width:1200px) 이라고 표기된 부분을 볼 수 있는데요,

제가 기본으로 설정된 값인 1080px을 1200px로 수정해놓은 부분입니다. 

그래서 기본값인 1080px을 까먹지 않기 위해 우측에 /*1080px*/을 메모해둔 셈이죠.

 

이렇게 주석을 표기해두시면 다음 편집 시 굉장히 유용하게 이어나갈 수 있습니다.

 

 

 

 

 

게을러서 블로그를 띄엄띄엄하는 저는 매번 태그를 수정할 때마다 뭐가 뭔지 까먹곤 했는데, 이 방법을 알고나니 아주아주 편해졌죠 ㅎㅎㅎ

 

 

도움이 되셨는지 모르겠네요. 혹 궁금하신 내용이 있으시면 댓글 남겨주세요!

저도 함께 알아보겠습니다!^^