본문 바로가기
Mark Up/HTML

[HTML] Chapter 02. HTML 문서의 구조

by song.ift 2022. 11. 10.

빈 요소 (Empty Elements)

  • 내용(content)이 없다면? → 이미지 , 수평선 , 줄바꿈 등
  • 내용이 없는 요소를 빈 요소(Empty Element)라 부른다.
  • 이 경우, 닫는 태그를 추가로 명시하지 않아도 된다.
  • Empty element, Self-Closing element, Void element, Single tag ...

 

예시
<br>
<hr>
<img src = "http://image.url/images/icon.jpg">
<meta charset = "utf-8">
<input type = "text" name = "name">

만약 <p></p>를 한다고 해서, 빈 요소가 될 수 없다.

빈 요소를 쓸 수 있는 태그들은 태어날 때 부터 웹표준에 정의되어있다.

 

 

HTML 문서의 구조

<!DOCTYPE html>
<html>
	<head>
		<!-- HEAD 영역 -->
	</head>
	<body>
		<!-- BODY 영역 -->
	</body>
</html>
  • <!DOCTYPE html>
  • html : 페이지 전체의 컨텐츠를 감싸는 루트(root) 요소
    • head : 웹브라우저 화면에 직접적으로 나타나진 않는 웹페이지의 정보
      • meta tag : 문서의 일반적인 정보와 문자 인코딩을 명시
    • body : 웹브라우저 화면에 나타나는 모든 콘텐츠

댓글