2016-03-03 7 views
2

Я делаю сайт с несколькими страницами с информацией о нем, проектами, событиями и т. Д.Включая верхний/нижний колонтитул на каждой странице?

Первый вопрос: каким образом я могу включить панель навигации, верхний и нижний колонтитулы во все html-файлы без копирования полный код для каждого из них? Мой второй вопрос: как должна выглядеть структура html в отдельных файлах header/footer, чтобы я мог включить их в мои страницы html?

Если вы упомянули PHP как решение, укажите мне ссылку/учебник для процесса.

+0

создать HTML-код верхнего и нижнего колонтитула и использовать include ('header.html'); – prats1411

+0

PHP может определенно помочь вам. Большинство веб-сайтов, подробно описывающих основы PHP, расскажут вам, как «включать» или «требовать» заголовок/нижний колонтитул на каждой странице. Вы пытались сделать простой поиск на таких ресурсах? – shrmn

+0

Спасибо за отзыв. Я пробовал с PHP, но кодовые фразы в скобках (мой редактор кода) остались серыми и не функциональными. Я попробую еще раз с вашими советами. – BlueBird03

ответ

2

Если вы используете PHP файлы, которые вы могли бы сделать что-то вроде этого:

index.php:

<? 
    include("header.php"); 
?> 

    //page content 

<? 
    include("footer.php") 
?> 

header.php:

<head> 
    //head 
</head> 
<body> 

footer.php:

<footer> 
    //footer 
</footer> 
</body> 

В header.php вы можете положить t он теги и т. д. На каждой странице вы можете просто включить эти файлы, кроме

+0

Я бы настоятельно рекомендовал добавить нижний колонтитул к вашему телу, так как он не сохраняет его за пределами – Persijn

+0

Нижний колонтитул может быть одинаковым на каждой странице. Поэтому иногда это может быть полезно –

+0

Спасибо Wouter. Я не использую серверную сторону в данный момент. Таким образом, другой способ заключается в том, чтобы буквально скопировать и вставить один и тот же код заголовка/нижнего колонтитула в каждый файл html, который я создаю для каждой страницы? – BlueBird03

0

Вы можете сделать с угловым JS. Если и не хотите использовать на стороне сервера скриптовый http://www.w3schools.com/angular/

<body ng-app=""> 

<div ng-include="'header.htm'"></div> 
    Your page goes here 
</body> 

не забудьте добавить angulr Js Libery. или вы можете использовать cdn также

0

Вы можете создавать определенные файлы для верхнего и нижнего колонтитула и требовать их на страницах, которые вам нужны.

require 'footer.php' 
require 'header.php' 
0

Прежде всего, необходимо сделать три файла navbar.php, header.php и footer.php, который содержит свой код отдельно.

Теперь на ваших веб-страницах разместите приведенный ниже код.

include('header.php'); //Your website header code will be load from header.php 
include('navbar.php'); //Your website navbar code will be load from navbar.php 
include('footer.php');//Your website footer code will be load from footer.php 
Смежные вопросы