Html 기초 정리(1)

2019-12-22

Html

해당 Post는 Html에 대한 기초를 정리한 파일로써
!DOCTYPE 과 Meta Tag에 대한 간단한 정리가 포함됨.

Html의 기초 정리(1)

!DOCTYPE 란?
이 Tag는 구글 크롬으로 항금 이 문서가 html 문서임을 알려주는 것.
일반적으로 Tag들은의 형태로 문서를 열고 닫을 수 있음.

여기서 흥미로운 점.

왜<!DOCTYPE html>은 닫지 않는 것인가?
이 Tag는 Self-contained Tag라고 함.
그 자체로 정보를 제공하기 때문에 혼자 스스로 열고 닫을 수 있는 태그.

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    
  </body>
</html>

과

으로 html을 열고 닫음.
내부는 크게 head와 body로 구성됨.

이것으로 간단한 문서를 구성하였다고 볼 수 있음.

Meta Tag에 대해서 알아보자.

여기서 Meta란? 간단하게 말해서 Extra, 추가 정보와 같은 뜻임.

우리에게 필요한 meta 태그는 Charset(character encodeing)
여러종류의 charset중 UTF-8을 사용한 예시임.
UTF-8 방식의 encoding으로 문서를 작성할 것 이라는 뜻.
브라우저에게 내가 작성하는 문서가 어떤 언어로 작성되었는지를 알려주는 코드.

for example)

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="author" content="Baek JungHyun">
    <meta name="description" contents = "Welcome to my blog">
  </head>
  <body>
    
  </body>
</html>

Meta의 내용은 Browser를 위한 정보로 User를 위한 정보가 아니기 때문에
해당 내용은 Head 부분에 작성함.

« BOJ 10871 Html 기초 정리(2) »