상세 컨텐츠

본문 제목

<head>엔 어떤 정보들이 들어갈까

Html,CSS

by rui_3557 2024. 1. 23. 17:45

본문

HTML의 <head> 요소는 웹 페이지의 메타데이터를 포함하는 부분으로, 웹 브라우저에는 직접적으로 보이지 않습니다.

 

메타데이터는 문서 정보를 기계가 식별할 수 있는 형태로 제공하는데, 이 정보에는 문서의 제목, 스크립트, 스타일 시트 등이 포함될 수 있습니다.

<head> 요소의 주요 목적은 다음과 같습니다:

 
  • 웹 페이지의 제목을 정의합니다(<title>).
 
  • CSS 링크를 제공하여 HTML 콘텐츠에 스타일을 적용합니다.
 
  • 파비콘 (favicon) 링크를 제공합니다.
 
  • 메타데이터를 제공합니다. 이 메타데이터는 문서의 작성자, 문서를 설명하기 위한 중요한 키워드와 같은 HTML에 대한 정보를 포함할 수 있습니다.

<head> 요소는 웹 페이지의 중요한 정보를 담고 있지만, 이 정보는 웹 페이지의 본문에 직접적으로 표시되지 않습니다.

이러한 이유로 <head> 요소의 주요 목적은 기계 처리를 위한 정보를 제공하는 것이며, 사람이 읽을 수 있는 정보를 제공하는 것이 아닙니다.

 

다음은 <head> 요소의 예시입니다:

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>My test page</title>
</head>
<body>
    <p>This is my page</p>
</body>
</html>

위 예시에서, <head> 요소는 두 가지 메타데이터를 포함하고 있습니다:

  • <meta charset="utf-8" />: 이 요소는 문서의 문자 인코딩을 정의합니다. 여기서는 "utf-8"이 사용되었습니다.
  • <title>My test page</title>: 이 요소는 웹 페이지의 제목을 정의합니다. 여기서는 "My test page"가 제목으로 설정되었습니다.

 

 

meta정보와 기본태그를 알아보자

HTML의 메타 정보는 웹 페이지의 프로필 정보를 담은 태그로서, 요소 아래에 위치합니다. 메타태그는 웹 서버와 웹 브라우저 간에 상호 교환되는 정보를 정의하는데 사용되며, 사이트의 디자인에

ruiatrworks.tistory.com

 

관련글 더보기