들어가기 전에 

앞선 강의에서 태그는 중첩할 수 있다는 것을 배웠습니다.

하지만 태그의 중첩이 불가한 태그도 있습니다. 이런 태그를 빈 태그라고 합니다. 

빈 태그가 일반적인 태그 어떤 차이가 있는지 살펴보도록 하겠습니다.

 핵심키워드

• 빈 태그 
• 중첩 불가능 태그 

학습하기

빈 태그란?

태그는 기본적으로 시작 태그와 종료 태그 2개가 1쌍으로 이루어져 있으며,그 사이에

내용이 들어가게 됩니다.

하지만 태그 중에는 그렇지 않은 태그가 존재하기도 합니다.

이러한 태그를 내용이 없는 빈 태그라고 합니다.

• <br>
• <img src="">
• <input type="">

위는 빈 태그의 예시입니다.

빈 태그는 내용이 없어서 종료 태그가 필요하지 않습니다.

빈 태그의 특징

빈 태그는 내용만 비어있을 뿐 속성을 통해서 화면에 나타내거나 화면에 표시되지

않더라도 다른 용도로 사용되는 태그입니다.

빈 태그의 대표적인 경우는 브라우저가 직접 화면에 내용을 그려줘야 하는 경우입니다.

이런 태그는 브라우저가 내용을 대체한다고 하여 replacement 태그, 대체되는 태그라고 합니다.

빈 태그에 대체되는 태그만 있는 것은 아니며 실제로 화면에 출력될 내용이 없어 다른

용도로 쓰이는 태그도 존재합니다.

위 예시 코드의 <br>이 바로 이 경우입니다.

<br>에 대해서는 다음에 좀 더 자세하게 살펴보도록 하겠습니다.

참고자료