HTML Head 설정

  1. Head 구성
    1. meta (부가적인 정보)
  2. OpenGraph
  3. 알아두기

Head 구성

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Webpage</title>

        <meta charset="utf-8" />
    </head>
  • <html lang="en"> 브라우저에게 주된 언어가 무엇인지 알려준다.

meta (부가적인 정보)

  • <meta name="description" content="This is Webpage"> 검색엔진이 이해할 수 있게 이름과 컨텐츠를 알려준다.
  • <meta charset = "utf-8" /> 브라우저가 글자를 인식할 수 있도록 해준다.

OpenGraph

  • og:title, og:type, og:image, og:url 사이트를 (카톡, 트위터 등에서) 공유할 때 보여지는 설명과 이미지.

알아두기

※ head에 있는 태그들은 직접적으로 보여지지 않는다.
※ meta tag는 self-closing tag이다.

참고

  • Nomad Coders

    Continue with Form Tags