Есть одно меню на нескольких страницах?

Question

Итак, у меня есть веб-сайт, и я использую основное меню, расположенное в верхнем правом углу экрана. Это ссылки:

| Home | Blog | Results | Pictures | Our Location |

Время от времени мне нужно добавить новую ссылку в меню или изменить местоположение одной из ссылок. Это означает, что на каждой странице, где есть меню, я должен вручную изменить ссылку. Конечно, есть какой-то способ иметь главное меню, которое просто помещается на каждой странице.

Или я сплю?

Answer 1

Существуют различные способы сделать это. Это зависит от того, к чему у вас есть доступ на сервере. Возможно, самый простой механизм - на стороне сервера включает . Вы бы просто имели файл, содержащий меню, и включали бы его на каждой странице.

Вы также можете сделать это с каждым языком программирования более или менее элегантным способом.

РЕДАКТИРОВАТЬ: SSI довольно прост. Вы можете просто создать файл /header.html и выполнить:

 <!--#include virtual="/header.html" --> 

в соответствующем месте.

Answer 2

Поместите меню в отдельный файл и включите его на стороне сервера, используя либо полнофункциональный язык сценариев, такой как PHP (одна строка), либо SSI .

Answer 3

используйте PHP include на всех ваших страницах

<?php include 'includes/menu.php'; ?>

и иметь отдельный файл menu.php в папке с именем 'includes'. Вам нужно сохранить все страницы в формате .php

Вы также можете сделать свой нижний колонтитул включенным

Answer 4

Я думаю, что это самый простой способ сделать это без языка серверной стороны . Используйте библиотеку JavaScript, например W3Data . Все, что вам нужно сделать, это добавить атрибут w3-include-html в ваш div. Готово! * * 1005

Если ваше меню находится в файле с именем menu.html, вы бы сделали что-то вроде этого.

<div w3-include-html="menu.html"></div> 

Answer 5

Вы можете создавать страницы из шаблонов перед их загрузкой: См. Template Toolkit .

Answer 6

Сделайте так, чтобы программа на стороне сервера определяла, какие меню и местоположения ссылок должны быть там. Затем используйте ajax для периодического опроса скрипта на стороне сервера, чтобы получить содержимое меню в текущий момент времени.

Было бы легко сделать так, чтобы он отправлял данные в формате XML, например:

<menu>
    <link name="Home" href="destinationhome.html"/>
...
    <link name="Pictures" href="....html"/>
 </menu>

Затем создайте свои ссылки из этих данных.