본문 바로가기

HTML&CSS

4. HTML 옵셔널 태그 _ head, body, html 태그

HTML 태그에는 옵셔널 태그라는 것이 있습니다.


<head> 태그

- 보여지지는 않지만 문서 안에 필요한 데이터를 모아둔다.


<body> 태그

- 웹 사이트에 보여주고자 하는 내용들을 모아둔다.

<html> 태그

-html 코드라는 의미로 묶어주는 역할을 한다.

태그 안에 태그를 할 땐 들여쓰기를 해줍니다!

위의 사진과 같이 사용해주면 되는 태그입니다 -
사진에서도 확인할 수 있듯이 옵셔널 태그는 보통 정리하는 목적으로 사용하는 경우가 많습니다.

 

  + 태그 속 태그 전체 들여쓰기  

 

태그 안에 태그를 할 땐 내용을 모두 들여쓰기를 해주어야 합니다.
들여쓰기를 하지 않는다고 내용이 실행되지 않는 것은 아니지만, 코드를 더 정확하고 깔끔하게 보면서 확인하기 위해서는 이 작업이 필수적입니다.
내용 전체를 한 번에 들여쓰기하는 방법은 들여쓰기 하고 싶은 내용을 전부 드래그해서 Ctrl + } 를 눌러주시면 됩니다 - !


이러한 '옵셔널 태그'는 필수로 해야 하는 것은 아니며 사용자에 따라 선호하는 방식이 다르다고 합니다.
실제로 구글 HTML/CSS 스타일 가이드에서는 옵셔널 태그를 생략하라고 명시되어 있습니다.

그렇기 때문에 개인 작업을 할 때에는 본인이 편한 방식으로 직접 결정하면 되고, 팀 작업을 할 때는 팀원들과 상의 후 결정하면 됩니다 - !