9일차 - 일러스트와 favicon.ico

헤더 배치순서
1. 검색최적화 SEO / 광고수집자바스크립트 / 바로가기 (favicon.ico)

 <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">

2. 폰트

3. 웹표준
   부트스트랩 내장 웹표준 스타일이 싫으면, 내 커스터마이징.css reset cdn 위치에 삽입
   ex) 네이버 웹표준
   

4. 프레임워크 or 플러그인 (부트스트랩 v4.6)

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">

5. 커스터마이징 스타일 style.css

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

---

(1) 일러스트레이터에서 아이콘.png 작업 (favicon.png)

(2) convertico.com 에서 png -> ico 변환 (favicon.ico)

(3) favicon.ico를 img 폴더에 삽입

(4) HTML 문서에 검색최적화 SEO 링크 삽입

 <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">

사용예시) 검색최적화 SEO

헤더 배치순서
1. 검색최적화 SEO / 광고수집자바스크립트 / 바로가기 (favicon.ico)