가끔 로컬에서 HTML 작업해 파일을 통으로 넘기는 경우가 많은데,
파일마다 header/footer를 복붙하면 모든 파일을 수정해야해서 불편할 수 있다.
Php개발 환경이라면 간단하게 include하겠지만, 로컬에서 HTML 작업할 때는 수동(?)으로 포함시켜주자.
jQuery의 load함수 사용 예제 :
<!-- header -->
<header id="header"></header>
<script>$("#header").load("./include/header.html");</script>
<!-- //header -->
'공부 > 퍼블리싱' 카테고리의 다른 글
| CSS 기타 오답노트 (0) | 2024.01.06 |
|---|---|
| <picture> 태그 사용해서 avif, webp, jpg 이미지 최적화 하기 (0) | 2024.01.05 |
| HTML 상요작용 태그 적절히 사용하기 (0) | 2024.01.05 |
| HTML 헤딩 작성 시 유의할 점 - Sectioning Root (0) | 2024.01.05 |
| Swiper js - 겹침 문제 해결 (0) | 2022.06.16 |