Head
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="GoogleWebsite.css">
<script src="https://kit.fontawesome.com/2c827c8cca.js" crossorigin="anonymous"></script>
</head>-
역할 : 페이지에 대한 metadata를 포함 하는 것
-
metadata : 데이터를 설명하는 정보
- 검색엔진이 문서의 정보를 용이하게 수집하고 분류하기 위한 추가 정보 (필수x, 권고)
-
-
meta tag : 문서의 정보, 빈요소
- 속성
- name/ content
<meta name="standard metadata name" content=" " />
- standard metadata name :
- charest : 문자 인코딩 (UTF-8)
<meta charest="UTF-8" />
=> head 아래나 title 전에 작성하는 것을 권고속성
-
title : 문자열만 작성가능, 오직 1개
- 페이지 제목은 SEO에 큰 영향을 줌
- 결과 페이지의 순서를 결정하는 구성 요소 중 하나가 페이지 제목의 내용
- 단순 명사만을 사용하여 짓지 않기
-
link : 현재 문서와 외부 리소스의 관계를 명시
<link href="main.css" rel="stylesheet" />
<link href="favicon.ico" rel="icon" /> 파비콘 - type : 스타일시트의 타입을 정의, mine타입
<link href="main.css" rel="stylesheet" type="text/subtype"/>
- MINE 타입: 파일 경로를 인식하지 못 할 경우를 대비해 타입을 명시해 주는 것 - style (css file을 link하는 것을 추천)
<style>
p { color: red;}
</style>- script : javaScript연결 할 때 사용
<script src="javascript.js"></script>
<script>
자바스크립트
(script tag를 발견하면 가장 먼저 읽기 때문에 javascript code가 길다면 시간이 오래 거릴 수 있음. 그래서 body 가장 마지막에 쓰는 것을 권장)
</script>
간호사에서 개발자 되기