스스로 닫히는, 닫지 않아도 되는 태그들 (self-closing tags)

스스로 닫히는, 닫지 않아도 되는 태그들 (self-closing tags)

• 명시적으로 </tag> 형태로 닫을 필요가 없는 태그를 self-closing tags 라고 한다.
• empty tags, singleton tags 모두 같은 의미를 갖는다.
• 태그 내부에 텍스트나 컨텐츠를 갖지 않는 태그들이다.
• 자체적으로 닫아줘도 되지만, 브라우저는 동일하게 해석한다.
  • <br> 과 <br/> 은 브라우저에겐 동일하게 보인다.
• 단, XHTML 에서는 self-closing tag 를 닫아주는 것이 규칙이다.

self-closing tags 의 종류

여기 없는 것들은 deprecated 된 것들이다.

• <br>: 줄넘김을 할 때 사용한다.
• <img>: 이미지를 넣을 때 사용한다.
• <input>: 입력창을 넣을 때 사용한다.
• <meta>: 메타 데이터를 넣을 때 사용한다.
• <link>: 스타일시트나 아이콘과 같은 외부 리소스를 넣을 때 사용한다.
• <area>: 대형 이미지의 일부에 링크를 주거나 할 때 사용한다.
• <col>: 테이블의 컬럼을 정의할 때 사용한다.
• <embed>: 오디오나 비디오를 웹 페이지에 임베딩할 때 사용한다.
• <source>: 미디어의 원본을 명시할 때 사용한다. 호환성을 위해 여러가지 확장자의 미디어 등을 첨부할 때 사용한다.
• <track>: <video> 태그 내부에 자막 등을 넣을 때 사용한다.
• <wbr>: 글씨 도중 줄넘김으로 끊을만한 곳을 정의할 때 사용한다.

레퍼런스

https://www.tutorialstonight.com/self-closing-tags-in-html