빈 요소 (Empty Elements)
- 내용(content)이 없다면? → 이미지 , 수평선 , 줄바꿈 등
- 내용이 없는 요소를 빈 요소(Empty Element)라 부른다.
- 이 경우, 닫는 태그를 추가로 명시하지 않아도 된다.
- Empty element, Self-Closing element, Void element, Single tag ...
예시
html
닫기<br>
<hr>
<img src = "http://image.url/images/icon.jpg">
<meta charset = "utf-8">
<input type = "text" name = "name">만약 <p></p>를 한다고 해서, 빈 요소가 될 수 없다.
빈 요소를 쓸 수 있는 태그들은 태어날 때 부터 웹표준에 정의되어있다.
HTML 문서의 구조
html
닫기<!DOCTYPE html>
<html>
<head>
<!-- HEAD 영역 -->
</head>
<body>
<!-- BODY 영역 -->
</body>
</html>- <!DOCTYPE html>
- html : 페이지 전체의 컨텐츠를 감싸는 루트(root) 요소
- head : 웹브라우저 화면에 직접적으로 나타나진 않는 웹페이지의 정보
- meta tag : 문서의 일반적인 정보와 문자 인코딩을 명시
- body : 웹브라우저 화면에 나타나는 모든 콘텐츠
- head : 웹브라우저 화면에 직접적으로 나타나진 않는 웹페이지의 정보
'Mark Up > HTML' 카테고리의 다른 글
| [HTML] Chapter 06. 논 시멘틱 - 공간을 나누는 div, span 태그 (0) | 2022.12.26 |
|---|---|
| [HTML] Chapter 05. 시멘틱 마크업 (1) | 2022.12.26 |
| [HTML] Chapter 04. 시멘틱 웹 (0) | 2022.11.18 |
| [HTML] Chapter 03. 콘텐츠 (0) | 2022.11.15 |
| [HTML] Chapter 01. HTML, CSS 그리고 JavaScript (0) | 2022.11.09 |
댓글