- link
head 태그 안에 link 태그는 외부문서를 가져와서 연결할 때 사용한다.
대부분 css.
<link rel="stylesheet" href="./main.css"/> ./ = 주변에서 가져오겠다.
rel = Relationship의 약어. 외부문서가 현재 html과 어떤 관계인지 명시하는 속성
href = Hyper Text Reference의 약어. 브라우저가 참조할 특정 경로를 지정하는 속성
탭의 제목 아이콘도 정할 수 있음.
<link rel="icon" href="./favicon.png">- style
style태그에 css를 html문서 안에 직접 작성도 가능하다.
<style>
div {
color: red;
}
</style>- script
script 태그는 src(source)라는 속성에다가 ./를 이용해서 현재 html파일 주변 js 파일을 가져올 수도 있고 아니면 직접 작성할 수도 있다.
<script src="./main.js"></script><script>
console.lof('hello world')
</script>- meta
meta태그는 styli, title, script 등으로 표현할 수 없는 나머지 정보를 표시하는 태그로
기본적인 정보를 제공.
html의 제작자, 내용, 키워드 같은 정보를 검색엔진이나 브라우저에게 제공.
<meta name="author" content="riri"/>정보의 종류 name
정보의 값 content
viewport는 실제 웹페이지가 표시되는 영역
영역에 해당하는 값은 content에 명시됨.
보통 모바일장치에서 웹 페이지의 가로너비를 일치시키거나 확대, 축소여부를 어떻게 하겠다 등의 정보를 meta태그로 명시하는 개념.
<meta name="viewport" content="width=device-width, initial-scale=1.0">1.모바일과 관련 있고
2.모바일에 대응하는 작업할 때 필요한 내용임.
<meta charset="UTF-8">charset은 character set의 약어로 문자 인코딩 방식을 지정하는 속성
문자인코딩이란 문자나 기호들을 컴퓨터가 이용할 수 있는 신호로 만드는 것. 대표적으로 한글 사용에서는 EUC-KR 이나 UTF-8 등이 사용되고 웹에서는 UTF-8의 사용을 권장.
