HTML_CSS/HTML & CSS

Codeit_head, body, html 태그

AngeRay 2021. 5. 20. 18:34

옵셔널 태그_head, body, html 태그


<html>, <body>, <head> 이 세 태그는 필수 태그가 아니라 '옵셔널 태그' 이다.

 

그렇다면 이 태그들은 꼭 써야할까?

정리의 목적으로 세 태그를 모두 사용한다. 요소들을 <head>와 <body> 에 묶어주면 html 파일의 구조가 눈에 더 잘 들어온다고 생각하기 때문이다.

하지만 세 개의 옵셔널 태그의 사용을 권장하지 않는 의견들도 있다.

심지어 구글 HTML/CSS 스타일 가이드 에서도 옵셔널 태그를 생략하라고 나와 있다.

 

<body> 태그

<body> 태그는 우리 페이지에 나올 내용을 감싸 주는 역할을 한다.

실제로 페이지에 나오는 내용 이다.

 

<head> 태그

<head> 태그에는 제목<title> 태그, <meta> 태그, CSS, JavaScript 등 내용 외 많은 것들이 <head> 태그 안에 들어간다.

 

<html> 태그

<html> 태그 사이에는 전체 코드를 넣어준다.

 이 사이에 있는 건 모두 html 코드 라는 의미이다.

 

항상 일관성 있게 <html>, <head>, <body>태그를 써준다.