Как я храню свой заголовок веб-сайтов и нижний колонтитул в одном месте?
Я всегда переписываю свои заголовки и нижние колонтитулы, и для каждого редактирования я должен вручную скопировать и вставить весь код в веб-страницы. Очевидно, это - неправильный подход, но я не уверен в правильном. Моя текущая идея состоит в том, чтобы иметь отделение "заголовка" и "нижнего колонтитула", и затем с $ jQuery (документ) .ready загружают отделения кодом. Я боюсь, что это будет медленно хотя, потому что это ожидает целой страницы для рендеринга прежде, чем выполнить код заголовка/нижнего колонтитула. Что распространенный способ состоит в том, чтобы решить эту проблему?
5 ответов
Похоже, вам нужна серверная технология. Какой из множества вариантов вы выберете, зависит от вас и вашего хостинга. Скорее всего, ваш хостинг будет поддерживать PHP и SSI (включая серверную часть).
В простейшей настройке поместите общий код в отдельные файлы, скажем, header.inc и footer.inc . Неважно, какое у этих файлов имя или расширение.
Для PHP ваши страницы теперь должны быть *. Php вместо *. Html , и вам нужно написать этот код:
<?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" -->
Вы определенно не хотите делать это с помощью Javascript. Во-первых, верхний и нижний колонтитулы не будут загружаться до тех пор, пока не будет запущен Javascript, но, что более важно, любой, у кого не включен Javascript, не увидит их вообще (и требование Javascript для просмотра статической страницы не имеет смысла).
Для этого есть два простых метода:
1) Используйте серверный язык, например php, для включения нижних колонтитулов:
<?php
include('header.html');
?>
The rest of the page goes here
<?php
include('footer.html');
?>
2) Используйте процесс сборки / развертывания, который генерирует статические страницы. Это было бы похоже на 1), но это будет выполняться только один раз за сборку, а не каждый раз, когда кто-то попадает на страницу.
Обычно используются некоторые серверные технологии шаблонов, такие как PHP, JSP или XSL. С помощью одного из этих подходов создать повторно используемые фрагменты кода, которые можно связать, довольно просто.
Для подхода, основанного на чистом HTML + JS, вы можете использовать IFRAME для ссылки на отдельный HTML-файл верхнего и нижнего колонтитула. Это позволит вам хранить всю информацию в верхнем и нижнем колонтитулах в одном месте, и вам нужно будет обновить ее только один раз.
Обычный способ - использовать язык на стороне сервера, например PHP . Или, если вам нужны только нижний колонтитул и заголовок, вы можете использовать SSI