나는 항상 내 머리글과 바닥 글을 다시 작성하고 모든 편집마다 수동으로 모든 코드를 복사하여 웹 페이지에 붙여 넣어야합니다. 분명히 이것은 잘못된 접근법이지만 올바른 것이 확실하지 않습니다. 내 현재의 아이디어는 "머리글"및 "바닥 글"div 다음 jquery의 $ (document) .ready 코드를 사용하여 div를로드하는 것입니다. 머리말/꼬리말 코드를 실행하기 전에 전체 페이지가 렌더링되기를 기다리기 때문에 속도는 느려지 겠지요. 이 문제를 처리하는 일반적인 방법은 무엇입니까?내 웹 사이트 머리글과 바닥 글을 한 위치에 저장하려면 어떻게합니까?
서버 측 기술이 필요합니다. 어느 옵션 (많은 옵션 중에서 선택)은 귀하와 귀하의 호스팅에 달려 있습니다. 가장 가능성있는 호스팅은 PHP 및 SSI (Server-Side Includes)를 지원합니다.
가장 간단한 설정에서는 기본적으로 공통 코드를 개별 파일에 넣습니다. header.inc 및 footer.inc을 예로 들어 보겠습니다. 이 파일들의 이름이나 확장자가 무엇인지는 중요하지 않습니다.
PHP를 들어, 페이지는 이제 대신 *.html의 *.php해야하며,이 코드를 작성할 필요가 :
<?php include('header.inc'); ?>
<p>
Here is your regular document.
</p>
<?php include('footer.inc'); ?>
는 SSI를 들어, 파일의 이름을 변경할 필요가 없습니다, 그리고 코드
<!--#include virtual="header.inc" -->
<p>
Here is your regular document.
</p>
<!--#include virtual="footer.inc" -->
일반적으로 PHP, JSP 또는 XSL과 같이 사용중인 서버 측 템플릿 기술이 있습니다. 연결될 수있는 재사용 가능한 코드 조각을 만드는 것은 이러한 접근법 중 하나를 사용하여 상당히 간단합니다.
순수 HTML + JS 방식의 경우 IFRAME을 사용하여 독립형 머리글 및 바닥 글 HTML 파일에 연결할 수 있습니다. 그러면 머리글과 바닥 글 정보를 한 번에 한 번만 업데이트 할 수 있습니다. 한 번만 업데이트하면됩니다.
HTML 또는 PHP 포함을 사용하십시오.
당신은 확실히 자바 스크립트로 이것을하고 싶지 않습니다. 첫째, Javascript가 실행될 때까지 머리글과 바닥 글이로드되지 않지만 더 중요한 점은 Javascript가 활성화되지 않은 사용자는 전혀 볼 수 없으며 정적 페이지를 보려면 Javascript가 필요하지 않음을 의미합니다.
이 작업을 수행하는 두 가지 쉬운 방법이 있습니다 :
1) 바닥 글을 포함하는 PHP와 같은 서버 측 언어를 사용하여/
<?php
include('header.html');
?>
The rest of the page goes here
<?php
include('footer.html');
?>
2) 빌드를 사용하여 정적 생성 과정을 배포 페이지. 이는 1)과 유사하지만, 누군가가 페이지를 친 때마다 빌드마다 한 번만 수행됩니다.
PHP와 같은 서버 측 코드의 일종이 없습니다. 그렇지 않으면 자바 스크립트가 비활성화되어 사이트에 액세스 할 수 없습니다. – galambalazs
나는 php를 사용할 수 있지만 여전히 최적의 해결책을 모르고있다. 나는 내가 site-a.php site-b.php site-c.php를 가지고 있다면 여전히 코드를 복사하여 붙여 넣어야한다는 것을 의미한다. 아마도 세 파일 모두를 하나의 파일에서 읽을 수있다. – telaviv