Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/56: Рейтинг темы: голосов - 56, средняя оценка - 4.71
94 / 94 / 68
Регистрация: 26.03.2015
Сообщений: 248

Одинаковые хедер и футер на разных страницах сайта

09.07.2015, 09:33. Показов 10550. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток!
Подскажите пожалуйста, как оптимальнее всего сделать так, чтобы на разных страницах сайта хедер и футер были одинаковые?
Пока я вижу такое решение:
- Скопировать на каждую страницу HTML-код хедера и футера.
- К каждой странице подключить один файл CSS для определения стилей этих элементов.
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
09.07.2015, 09:33
Ответы с готовыми решениями:

Одинаковые шапка и подвал на всех страницах сайта
У меня немного запутанный вопрос, но все же постараюсь его внятно объяснить. Вот мой сайт ссылка Раздел где написано " ...

Повторяющие блоки на разных страницах сайта
Здравствуйте. Я только начинаю заниматься web-разработкой и вот столкнулся с такой задачей. Есть небольшой сайт, каждая страница...

Как использовать одну Bootstrap Carousel на разных страницах сайта?
Как использовать одну Bootstrap Carousel на разных страницах сайта? На одну страницу вставляю код <div...

6
42 / 42 / 19
Регистрация: 25.05.2015
Сообщений: 121
09.07.2015, 09:37
Быстрая правка страниц в HTML
0
Заблокирован
09.07.2015, 10:22
Лучший ответ Сообщение было отмечено whiteapps как решение

Решение

Да, я там оставляла ссылку на тему автоматизация формирования html-документов, а если это сложно, можете включать в страницы хедер и футер при помощи include (удобнее всего это делать относительно корня сайта, имя которого можно взять из переменной $_SERVER['DOCUMENT_ROOT']).
1
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
09.07.2015, 10:22
Самый простой способ, это сделать через инклуд в php, то есть, у вас будут файлы хедер и футер, и буквально одной строкой php вы будете вставлять их в нужные Вам страницы, то есть при необходимости, у вас будет возможность вносить какие-то правки в эти файлы, и они (правки) будут применяться на всех страницах сразу, где вы вызываете ваши хедер и футер)
2
Эксперт .NET
 Аватар для Rius
13092 / 7651 / 1672
Регистрация: 25.05.2015
Сообщений: 23,297
Записей в блоге: 14
09.07.2015, 11:14
А если возможности использовать php нет, то помогут генераторы статических сайтов. Типа Jekyll.
0
94 / 94 / 68
Регистрация: 26.03.2015
Сообщений: 248
09.07.2015, 11:27  [ТС]
Вроде все понятно, но пока очень смутно, потому что с PHP я еще не сталкивался. Попробую разобраться и сделать с помощью функции include. Спасибо!
0
 Аватар для Andrey PSt
174 / 172 / 34
Регистрация: 23.12.2015
Сообщений: 300
Записей в блоге: 3
20.02.2016, 19:46
Чтобы не прибегать к ASP или PHP, в HTML есть такая директива <!--#include virtual="/inc/header.inc"-->
Где файл header.inc содержит HTML код.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
20.02.2016, 19:46
Помогаю со студенческими работами здесь

Прижатый к низу футер и одинаковые колонки на всю область видимости
Привет, ребята! Нужно сделать прижатый к низу футер и колонки одинаковой высоты на всю область видимости, имея данный код: &lt;body&gt; ...

установил код счётчика яндекса в футер, а он пишет: "Установлен не на всех страницах"
Здравствуйте! Два дня назад установил, согласно рекомендациям в футер, код Яндекс.Метрики на сайт, сделанный на Вордпресс. Яндекс...

Сбилась общая разметка сайта, плюс исчез хедер и горизонтальная навигация
Добрый день всем, кто не спит :0) У меня почему то сбилась общая разметка сайта, плюс исчез хедер и горизонтальная навигация. Адрес:...

Реклама на разных страницах
У меня на главной странице есть ссылка все объявлеия - 51 штука. А на других страницах порой показывается только две реклламные слыки,...

Печать на разных страницах
Подскажите пожалуйста как сделать что бы макет печати,печатался на 2-ух листах.Т.е. вот есть печатная форма,она печатается вся,мне нужно...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm)
8Observer8 30.01.2026
Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru