본문 바로가기
HTML

[HTML] 정보를 의미하는 태그

by mikrw 2023. 1. 17.

<head></head>에 위치하는 정보를 의미하는 태그

<title></title>

html 문서의 제목을 정의, 웹 브라우저 탭에 표시

 

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

link : 외부 문서를 가져와 연결할 때 사용

rel : 가져올 문서와의 관계

href : 가져올 문서의 경로

 

<style></style>

스타일(css)을 html 문서 안에서 작성하는 경우에 사용

 

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

자바스크립트(js)파일을 외부에서 가져오는 경우

defer : 가져온 JS 파일을 HTML 문서 분석 이후에 실행하도록 지시하는 HTML 속성(Attribute)

 

<script></script>

자바스크립트(js)를 html 문서 안에서 작성하는 경우

 

<meta charset="UTF-8">

html 파일의 인코딩 방식 명시

 

<meta http-equiv="X-UA-Compatible" content="IE=edge">

IE 문서모드, 가장 최신 버전으로 표시

http-equiv : content에 명시된 값에 대한 http 헤더

x-ua-compatible : 웹 호환성, 호환성 보기

 

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

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

name : 정보의 종류

content : 정보의 값