HTML : <head> 와 <body> 태그
<head> 태그
- 기계(웹브라우저)가 식별할 수 있는 문서정보(메타데이터)를 담는다. 주목적은 기계 처리를 위한 정보이고 사람이 읽을 수 있는 정보가 아니다.
- <head>엔 하나의 <title>만 가질 수 있다
- <head>는 절대 생략하면 안 된다!
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
- HTML 문서의 내용을 나타내며, 한문서에 하나의 <body> 요소만 존재할 수 있다.
- <body>에서 사용할 수 있는 속성들은 대부분 CSS로 대체되어있기 때문에 필요할 경우 CSS나 Javascript를 사용한다.
태그를 구분 짓는 특성
1. 구획을 나누는 태그 (layout) - 컨테이너
- 단독으로 사용했을 때는 눈에 보이지 않는다.
- 여러 가지 요소를 묶어서 그룹화한다.
ex:) <div>, <span>등
2. 그 자체로 요소인 태그
- 단독으로 사용했을 때에도 눈으로 확인할 수 있다.
ex:) <button>, <p> 등
참고하면 좋은 자료
: 2022.04.12 - [TIL/HTML] - HTML : HTML 문서의 구조
HTML : HTML문서의 구조
HTML : HTML 문서의 구조 <!DOCTYPE html> Document 이전 html 버전에서 doctype에 버전을 기재해주어야 해당 버전으로 작동했기 때문에 작성했었다. 하지만 html5 이후에는 기재하지 않아도 정상 작동하지만
sol-reshur.tistory.com
'STUDY > HTML' 카테고리의 다른 글
| HTML : 콘텐츠 카테고리 (Contents Category) (0) | 2022.04.12 |
|---|---|
| HTML : 블록(Block)요소 와 인라인(Inline)요소 (0) | 2022.04.12 |
| HTML : HTML문서의 구조 (0) | 2022.04.12 |
| HTML : 빈 요소 (Empty elements) (0) | 2022.04.12 |
| HTML : 태그<tag> (0) | 2022.04.07 |