[HTML] HTML의 빈요소는 무엇이고 어떻게 활용 되는 것일까?

wool·2022년 4월 3일

HTML

목록 보기

4/5

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

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

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

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

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

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