frontend/html

HTML.06.Head(헤드)

dalc3154 2025. 3. 12. 16:27

<head>

Emmit 기능을 사용해 HTML 문서 구조를 가져왓을때 만들어지는 영역

웹 페이지에는 표시되지 않음

 

문서 제목, CSS 링크, 파비콘(favicon), 기타 메타데이터(HTML 문서에 대한 데이터)를 포함

 

##파비콘: 웹 브라우저에 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘

 

<title>

문서의 제목을 정의

>>브라우저의 제목 표시줄이나 페이지 탭에 표시

HTML문서의 필수 요소

>>검색 결과를 나열할때 검색 엔진 알고리즘에서 순서를 결정할때 사용

 

<style>

단일 HTML 페이지의 스타일 정보를 정의하기 위해 사용

 

<link>

현재 문서와 외부 리소스 간의 관계를 정의, 스타일 시트를 가져올 때 사용

 

<meta>

문자 세트, 페이지 설명, 키워드, 문서 작성자 및 뷰포트 설정을 지정하는데 사용

>>페이지에 표시되지 않지만 브라우저나 검색엔진 등에서 사용함

 

charset: 사용할 문자 집합을 정의

<meta name="keywords" content="baseball, football, basketball">: 검색 엔진의 키워드를 정의

<meta name="description" content="favorite sports">: 웹페이지에 대한 설명을 정의

<meta name="author" content="LSA">: 페이지 작성자를 정의
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>:content 속성에 명시된 값에 대한 HTTP헤더를 제공

<meta name="viewport" content="width=device-width, initial-scale=1.0">:뷰포트의 크기 정의

 

<script>

클라이언트 측 JavaScript정의에 사용

'frontend > html' 카테고리의 다른 글

HTML.08.List  (0) 2025.03.13
HTML.07.Text  (0) 2025.03.13
HTML.05.Semantic(시맨틱)  (0) 2025.03.12
HTML.04.속성  (0) 2025.03.12
HTML.03. Block요소와 Inline요소  (0) 2025.03.12