HTML : 빈 요소 (Empty elements)

HTML : 빈 요소 (Empty elements)

---

: 내용이 없는 빈 요소(Empty elements) 일 경우 닫는 태그로 명시하지 않아도 된다.

 

---

 

대표적인 빈 요소

<img> : 이미지 삽입 요소

    <img src="이미지경로"/>
    
    <img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbEga9j%2FbtrAE9WJJPv%2FRl3c3qfIkXnAGEu9tAdoO1%2Fimg.jpg"
    />

 

기술 요약

• 콘텐츠 카테고리 : 플로우 콘텐츠, 구문 콘텐츠
• 가능한 콘텐츠 : 없음 빈 요소
• 태그 생략 : 여는 태그는 필수이며 닫는 태그는 없다.
• 가능한 상위 요소 : 플로우 콘텐츠를 허용하는 모든 요소

 

---

<hr> : 수평선 요소 horizon roll

---

---

<hr>
<hr/>

• 이야기 장면 전환, 구획 내 주제 변경 등 문단 레벨 요소에서 주제의 분리를 나타낼 때 사용한다.
• 단독으로 문단과 문단 사이를 나눌 때 주로 사용한다.
• 명시적으로 빈 요소를 나타내기 위해 <hr/>로 사용한다.

 

기술 요약

• 콘텐츠 카테고리 : 플로우 콘텐츠
• 가능한 콘텐츠 : 없음 빈 요소
• 태그 생략 : 여는 태그는 필수이며 닫는 태그는 없다.
• 가능한 상위 요소 : 플로우 콘텐츠를 허용하는 모든 요소

 

---

<br> : 줄 바꿈 요소

<br>
<br/>

 O’er all the hilltops

    Is quiet now,

    In all the treetops

    Hearest thou

    Hardly a breath;

    The birds are asleep in the trees:

    Wait, soon like these

    Thou too shalt rest.

<pre> O’er all the hilltops<br>
    Is quiet now,<br>
    In all the treetops<br>
    Hearest thou<br>
    Hardly a breath;<br>
    The birds are asleep in the trees:<br>
    Wait, soon like these<br>
    Thou too shalt rest.
</pre>

• 개행을 위한 요소이다.
• 하나의 문장이 긴 호흡을 가진 텍스트라면 중간에 끊어주는 역할을 한다. (line break)
• 텍스트 안에 줄 바꿈을 생성한다 → enter와 같은 역할로 사용한다.
• 주소나 시조 등 줄의 구분이 중요한 내용을 작성할 때 유용하다.

 

기술 요약

• 콘텐츠 카테고리 : 플로우 콘텐츠, 구문 콘텐츠
• 가능한 콘텐츠 : 없음 빈 요소
• 태그 생략 : 여는 태그는 필수이며 닫는 태그는 없다.
• 가능한 상위 요소 : 구문 콘텐츠를 허용하는 모든 요소

 

---

 

• 빈 요소는 내용이 없다고 하여 무조건 빈 요소가 되는 게 아니라 지정되어있는(약속되어있는 - 예약어) 태그들이 따로 있다.
• <br/> <img/><br/> 등 뒤에 클로즈 태그를 달아도 상관은 없으나 일관성 있게 작성해야 한다. 

 

---