텅 빈 요소

텅 빈 요소(Empty Element)

  • Empty Element는 콘텐츠를 감싸지 않는 요소를 말한다.

  • 닫는 태그가 없다, 내용이 비어있다는 의미이다.

  • 여는 태그 만으로서 정보를 제공할 수 있는 요소이다.

  • 내용 컨텐츠를 감싸지 않았기 때문이다 (내용 x)

  • <meta>, <img>

들여쓰기(Indentation)

  • HTML 요소 간 관계(부모, 자식, 형제)를 구분하기 용이 함에 들여쓰나, 브라우저는 코드가 한 줄 이어도 해석하는데 아무런 문제가 없다.

  • 이를 통해 계층 구조를 시각적으로 표현한다.

HTML 요소 간 관계

<html> : root element 모든 요소의 조상
  <head>
    <meta> : head요소의 자식
    <title></title> : head요소의 자식
  </head> : html의 첫 번째 자식 first child
  <body>
    <p></p> : body요소의 자식
  </body> : html의 마지막 자식 last child
</html>

Last updated