Làm cách nào để lưu trữ đầu trang và chân trang của trang web của tôi ở một vị trí?

Question

Tôi luôn luôn viết lại đầu trang và chân trang của mình và cho mọi chỉnh sửa tôi phải sao chép và dán tất cả mã theo cách thủ công vào các trang web. Rõ ràng đây là cách tiếp cận sai nhưng tôi không chắc chắn về cách tiếp cận đúng. Ý tưởng hiện tại của tôi là có một "tiêu đề" và "chân trang" div và sau đó với $ jquery (tài liệu). Đã tải các div với mã. Tôi e rằng nó sẽ bị chậm mặc dù nó chờ toàn bộ trang hiển thị trước khi thực thi mã đầu trang/chân trang. Cách phổ biến để xử lý vấn đề này là gì?

Answer 1

Có vẻ như bạn cần một số công nghệ phía máy chủ. Bạn chọn tùy chọn nào (trong số nhiều tùy chọn) tùy thuộc vào bạn và lưu trữ của bạn. Nhiều khả năng, dịch vụ lưu trữ của bạn sẽ hỗ trợ PHP và SSI (bao gồm phía máy chủ).

Trong thiết lập đơn giản nhất, về cơ bản hãy đặt mã phổ biến vào các tệp riêng lẻ, giả sử header.inc và footer.inc. Nó không quan trọng tên hoặc phần mở rộng của các tập tin này là gì.

Đối với PHP, trang của bạn bây giờ nên *.php thay vì *.html và bạn cần phải viết mã này:

<?php include('header.inc'); ?> 
<p> 
    Here is your regular document. 
</p> 
<?php include('footer.inc'); ?> 

Đối với SSI, bạn không cần phải thay đổi tên của tập tin của bạn, và mã của bạn sẽ trông giống như sau:

<!--#include virtual="header.inc" --> 
<p> 
    Here is your regular document. 
</p> 
<!--#include virtual="footer.inc" --> 

Answer 2

Cách thông thường là sử dụng ngôn ngữ phía máy chủ như PHP. Hoặc nếu bạn chỉ cần chân trang và tiêu đề, bạn có thể sử dụng SSI

Answer 3

Thông thường, có một số công nghệ tạo khuôn mẫu phía máy chủ được sử dụng, chẳng hạn như PHP, JSP hoặc XSL. Việc tạo ra các đoạn mã có thể tái sử dụng có thể được liên kết khá đơn giản bằng cách sử dụng một trong các phương pháp này.

Để có cách tiếp cận HTML + JS thuần túy, bạn có thể sử dụng IFRAME để liên kết đến một tệp đầu trang và chân trang HTML độc lập. Điều đó sẽ cho phép bạn giữ tất cả thông tin đầu trang và chân trang ở một nơi, chỉ cần cập nhật một lần.

Answer 4

Sử dụng HTML hoặc PHP bao gồm.

Answer 5

Bạn chắc chắn không muốn làm điều này với Javascript. Trước hết, đầu trang và chân trang sẽ không tải cho đến khi Javascript thực thi, nhưng quan trọng hơn, bất kỳ ai không bật Javascript sẽ không thấy chúng (và yêu cầu Javascript để xem trang tĩnh không có ý nghĩa).

Có hai phương pháp dễ dàng để làm điều này:

1) Sử dụng một ngôn ngữ server-side như php để bao gồm các chân trang:

<?php 
    include('header.html'); 
?> 
The rest of the page goes here 
<?php 
    include('footer.html'); 
?> 

2) Sử dụng một xây dựng/triển khai quá trình mà tạo ra tĩnh các trang. Điều này sẽ tương tự như 1) nhưng nó sẽ chỉ được thực hiện một lần cho mỗi lần xây dựng, thay vì mỗi lần ai đó truy cập trang.