728x90
반응형
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>타이틀</title>
<!-- 바로가기(파비콘) SEO 최적화 / 광고추적기(구글 애널리스) -->
<!-- 폰트 -->
<!-- CSS 초기화 -->
<!-- CSS 공통 (ex: 부트스트랩) -->
<!-- 플러그인 -->
<!-- CSS 내 파일-->
<!-- js외 내 파일 -->
<!-- 바닐라 스크립트(내 파일)-->
<!-- jquery CDN -->
<!-- 제이쿼리 스크립트(내 파일) -->
</head>
- 아래 있을 수록 우선순위가 쌔니까 내꺼를 제일 아래에 쓴다.
- 제이쿼리는 무겁다. 따라서 최대한 아래쪽에 써준다.
- 이때 바닐라코드는 제이쿼리 CDN 위에, 제이쿼리코드는 CDN 아래에 둔다.
- 광고추적기는 사이트가 들어오자마자 이탈하는 사람들의 정보를 빠르게 수집하기 위해서 맨위 !
- 폰트는 무겁기때문에 인터넷느리면 페이지로드후 잠시후 적용되는 경우가있음 (특히 외국) 이때 UI가 깨져보이는 느낌이 있음. 이걸 방지하기 위해서이다.
- CSS는 초기화 → 부트스트랩 입히기 → 내 스타일 입히기 중요도 순으로 아래 배치
※ 참고 : 제이쿼리의 $ 기호는 다른 언어와 충돌을 유발할 수 있다. 이때 제이쿼리 충돌방지 기술을 쓰면 제이쿼리의 $가 더 우선순위가 된다.
BUT 그러면 심각한 오류가 발생할 수 있음 쇼핑몰 사이트에 결제가 안되는 오류가 날 수도 있음 !
반응형
'HTML' 카테고리의 다른 글
| [패스트캠퍼스] 프론트엔드 강의 2주차 - Ch 6. HTML 핵심 정리 (0) | 2023.06.12 |
|---|---|
| Ch 4. 웹에서 시작하기 ~ Ch 5. HTML 개요 (0) | 2023.06.12 |
| front-end 강의정리2 (0) | 2023.06.12 |
| Ch2. VS Code ~ CH3. 무작정 시작하기 (0) | 2023.06.12 |
댓글