Intro.

미션 진행 중 그냥 아무런 의미를 갖지 않는 수평선을 삽입하라는 요구사항이 있었다.

다른요소들은 내용을 갖고 있는데 내용을 갖고 있지 않은 요소를 처음 사용 해 보면서 동일한 성격을 가지고 있는 요소를 알고 있으면 이후 작업시 도움이 될 것같아 정리 해 두고 작업 할 때 마다 그때그때 보고 참고하려고 정리 해 두기로 한다.

빈요소란?

요소들은 기본적으로 시작태그와 종료태그로 구성되어있어 그 안에 요소가 들어가지만 그런 구조가 아닌 요소도 있다.

바로 빈요소라고 칭하는데, 이러한 빈요소는 내용이 없이 구조적인 기능만 하게끔 만들어진요소를 일컫는다.

태그 안에 내용이 없다고 해서 모두 빈 요소가 되는 것은 아니다. 처음부터 빈 요소로 설계 된 것 만이 빈요소라고 정의 될 수 있다.

대표적인 빈요소

• br/ 
  텍스트 안에 줄바꿈(*Carriage Return)을 생성합니다.
• hr/ 
  가로방향의 Division Line를 생성합니다.
• img/ 
  이미지를 생성합니다.
• input/  
  사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다. 다양한 종류의 입력 데이터 유형이 있습니다.
• link/  
  현재 문서와 외부 리소스의 관계를 명시합니다.
• meta/ 
  base, link, script, style, title과 같은 다른 메타 관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.

ending.

사실 빈요소라는 개념은 잘 몰랐고 미션 진행 중 가로 수평선을 넣어야 해서 찾아보게 된 것이였는데 이를 통해 빈요소라는 개념을 알게되어 유익했고 앞으로 이 개념을 알게되어 페이지 레이아웃을 짜는 데에 도움이 많이 될 듯 하다.

참고

https://deliciouslearning.tistory.com/354

https://xtring-dev.tistory.com/entry/HTML-HTML의-빈-요소Empty-Element-HTML-파헤치기?category=999981