[HTML] HTML 텍스트 요소를 정리해 보자 - 주석과 인용구

HTML 텍스트 요소를 정리해 보자 - 주석과 인용구

주석 (Comment)

주석은 개발자라면 수 없이 접하게 될 아주 중요한 요소입니다.
주석의 용도는 크게 두 가지로 나눌 수 있습니다.

• 코드에 부연 설명을 달거나 디버깅을 하기 위해 사용합니다.
• 지금은 사용하지 않게 된 코드를 무효화(?) 하기 위해 사용합니다.

또한 주석은 아래와 같은 여러 가지 특징을 지니고 있습니다.

• HTML 문서의 경우 주석은 웹브라우저에 표시되지 않습니다.
• HTML 문서의 경우 다음과 같이 표시합니다. <!-- 내용 -->
• 언어나 문서의 종류에 따라 주석의 형태가 다릅니다.
• 주석 처리 된 문장은 아무런 기능도 수행하지 않게 됩니다.

---

주석을 좀 달아주석

안녕하세요!

HTML 태그 내부에도 주석이 사용될까요?

<h3>주석을 좀 달아주석</h3>

<p>안녕하세요!</p>

<!-- <p>이 부분은 주석처리 되었습니다.</p> -->
<p>HTML 태그 내부에도 주석이 <!--적용 -->사용될까요?</p>

<!--
<p>여러줄에 대해서도</p>
<p>주석을 달 수 있답니다.</p>
-->

---

주석을 달 때 한가지 주의할 점이 있습니다.

주석 내부에 또 다른 주석을 생성할 경우 HTML 문서는 내부 주석의 닫는 태그를 외부 주석의 닫는 태그로 인식하게 됩니다.

---

주석 안에 주석

외부 주석에 의해 주석처리 된 두번 째 문장입니다.

-->

<h3>주석 안에 주석</h3>

<!--

<p>외부 주석에 의해 주석 처리 된 첫번 째 문장입니다.</p>

<!-- <p>내부 주석에 의해 주석 처리 된 문장입니다.</p> -->

<p>외부 주석에 의해 주석처리 된 두번 째 문장입니다.</p>

-->

---

마지막 문장이 주석 해제 되었을 뿐 아니라 덤으로 외부 주석의 닫는 태그가 웹페이지에 표시되고 있습니다.

저는 특히 단축키를 통해 한번에 여러 줄을 주석처리 할 때 위와 같은 증상을 여러 번 경험하곤 했습니다...
따라서 HTML 문서를 작성할 땐 주석을 중첩하지 않도록 주의해야 합니다.

 

 

인용구 (Quotation)

HTML은 명언을 명언답게 만들어주는 인용구를 두가지 방법을 통해 표현할 수 있게 해 줍니다.

짧은 인용구는 <q> 태그를 통해 표현할 수 있습니다.
길이가 조금 긴 인용구라면 <blockquote> 태그를 이용할 수도 있습니다.

---

명언을 명언답게

HTML은 마크업 언어입니다. 프로그래밍 언어가 아닙니다.

---

HTML은 마크업 언어입니다. 프로그래밍 언어가 아닙니다.

<h3>명언을 명언답게</h3>

<p>HTML은 <q>마크업 언어</q>입니다. <q>프로그래밍 언어</q>가 아닙니다.</p>

<hr>

<blockquote>HTML은 마크업 언어입니다. 프로그래밍 언어가 아닙니다.</blockquote>

---

 

도움이 되어드렸다면 구독 / 좋아요 부탁드립니다.👏🏻

감사합니다.🙂

 

* 참고 : http://www.tcpschool.com/

* 이미지 출처 : 자체 제작