inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

[Coding Mission 05] Header와 footer를 include하는 제이쿼리 load 메서드(실습)

공통요소를 include하는 load 메서드

625

최민지

작성한 질문수 4

1

안녕하세요! 코딩미션 다섯번째 강의 참고해서 홈페이지를 만들고 있는데요,

루트폴더가 이렇게 되어있는 경우에도

$('.header-include').load('header.html');

이렇게 똑같이 제이쿼리 구문 작성하면 되나요?

 

html과 같이 css루트도 css/common/header.css 이렇게 되어있는데

이런경우 header.css는 header.html에 링크하면 되나요? 아니면 index.html에 링크하면 되나요?

스크린샷 2022-10-19 오후 3.48.29.png스크린샷 2022-10-19 오후 3.48.38.png스크린샷 2022-10-19 오후 3.48.45.png

HTML/CSS jquery 포트폴리오

답변 1

1

코딩웍스(Coding Works)

header.html 도 결국은 index.html에서 불러와지는 것이기 때문에 CSS 파일은 index.html에서 모두 링크하시면 됩니다.

당연히 header.html 을 load로 인클루드 했다면 header.html 에 head 라는 태그가 없기 때문에서 css를 링크할 수도 없습니다.

 

0

최민지

최상위에 index.html / css / images / js / html 폴더들을 놓고 html폴더 > common폴더 > header.html / footer.html을 넣어둔 뒤 index.html에서 include하면 적용이 안됩니다ㅠㅠ

index와 header.html, footer.html 이 같은 레벨에 있을 때만 적용이 되는데 어떻게 해야할까요?

load 하려는 html과 불러오려는 html이 같은 레벨에 있을때만 적용이 되는걸까요??

    $('.header-include').load('header.html')

현재도 float 사용은 중요한가요?

1

213

2

웹 호스팅 후 문제

1

239

1

퍼블리셔 코딩테스트 질문입니다.

1

587

1

feather light

1

252

2

skill 섹션 질문

1

255

1

포트폴리오 홈페이지 제작가이드

2

249

1

iframe 질문입니다.

1

211

1

디자인설정

1

333

1

연봉 질문합니다.

1

893

1

폰트, 이미지? 관련 질문입니다

1

311

1

파일질라 카페24? 관련 질문입니다

1

432

1

면접 복장 질문입니다

1

745

1

도메인 연결 오류

1

360

1

개인 포트폴리오 웹사이트 안에 들어갈 포트폴리오 웹사이트 작업물들

1

484

1

카페24 절약형 관련 질문있습니다

1

871

2

기능정의서 html에 첨부하는 방법/header include

1

625

1

prototype 뜻

1

704

1

폴더구조 질문드립니다.<재업로드>

1

430

1

폴더구조 질문드립니다

1

360

1

개인포토폴리오 해상도문제요..!

1

391

1

구글에 검색했을 때 나오는 포트폴리오

2

412

1

wow.js live option

1

440

1

개인 포트폴리오 홈페이지 만들때 UI 포토샵 디자인

1

531

1

featherlight 연결시 링크된 html이 문제가 있어요 ㅠㅠ

1

313

1