HTML <head>태그 살펴보기

HTML 2021. 4. 11. 21:59

head 태그 내부 코드 내용 살표보기

<head>
    내용
</head>

<title>제목 작성</title>

- HTML 문서의 제목(title)을 정의

<link rel="stylesheet" href="./main.css" />

<link rel="icon" href="./favicon.png" />

- rel(Relationship) = 가져올 문서와 관계, href(Hyper Text Reference) = 가져올 문서의 경로

- 외부 문서를 가져와 연결할 때 사용 (대부분 CSS 파일)

- Favorite Icon을 줄여서 Favicon(파비콘)으로 부름, HTML Favicon를 적용할 때는 이름을 favicon으로 지정하기를 권장하며, favicon.ico 또는 favicon.png 파일이 주로 사용됨

<script src="./main.js"></script>

<script>>JS문법 작성</script>

- 자바스크립트(JS) 파일을 가져오는 경우 src(Source) 사용

- 자바스크립트(JS)를 HTML 문서 안에서 작성하는 경우에 사용

<style>CSS문법 작성</style>

- 스타일(CSS)를 HTML 문서 안에서 작성하는 경우에 사용

<meta charset="UTF-8" />

<meta name="author" content="HEROPY" />

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

- HTML 문서(웹페이지)의 제작자, 내용, 키워드 같은, 여러 정보를 검색엔진이나 브라우저에게 제공

- title, link, style, script 태그에서 나타낼 수 없는 모든 나머지 모든 정보들을 표시하는 태그

- name = 정보의 종류, content = 정보의 값

- charset = 문자인코딩 방식, UTF-8 권장

공부 정리 공부 정리