Возможно ли сделать общий футер на всех страницах?

Question

[RINCODE]

Как сделать чтобы футер автоматически применялся на всех страницах сайта, чтобы не нужно было его прикручивать и изменять на каждой? (я про HTML)

Comments

[Noder SS]

Серьезно, не мучай себя. На сервере это можно очень легко сделать

[Ankhena]

- SSI
- gulp-file-include - плагин для галпа (я бы назвала его мини-шаблонизатором)
- Шаблонизатозы: Nunjucks, Twig, Pug
- Генераторы статики типа 11ty (Хороший обзор https://www.youtube.com/watch?v=DtTadxKrFMY)
- php
- взрослые CMS

Наверняка что-то ещё, о чем я забыла

А также

https://qna.habr.com/q/341201
https://qna.habr.com/q/342612
https://qna.habr.com/q/991729
https://qna.habr.com/q/1222972
https://qna.habr.com/q/1082694
https://qna.habr.com/q/1152688
https://qna.habr.com/q/1242738

и т.д.

[maksam07]

Ankhena, думаю, даже на "детской" cms такая банальность возможна

[Ankhena]

maksam07, у нас с вами совершеннолетие в разные моменты наступает.

[Deita]

Ankhena, если честно задача довольно тривиальная и както странно что средствами обычного html5 она не решается

[Ankhena]

Deita, собственно, что вам нужно знать кроме HTML, чтобы использовать SSI?

[Deita]

Ankhena, ну то уже можно сказать программирование и не обычная разметка

[Ankhena]

Deita, подключение css тоже программирование?

[Алан Гибизов]

Более двух лет заниматься ИТ и не знать хоть какой-нибудь вариант? И не смочь найти? Стыд-то какой… испанский стыд.

[Deita]

Алан Гибизов, та на это честно говоря пофиг, можно иметь любую другую работу, я например сажусь периодически ковырять чтото за компьютер, неделю в год, и что это показатель "успеваемости" какойто. Мне например до сих пор сложно разобраться что выбрать, Angular, Vue или React. Перед тем как разбираться, надо выбрать как ты хочешь свои прототипы набрасывать. А тут ещё и нагуглил про PWA и понеслась, какой там использовать фреймворк вообще без понятия наверное теже что и с SPA, уйдёт 3 года ещё чтобы разобраться. Мы разве спешим кудато ?

[Алан Гибизов]

Deita, https://youtu.be/mC9lwPWE8Mo

[Deita]

@phaggi, https://youtu.be/mC9lwPWE8Mo

правильно поспешишь людей насмешишь

но если выбирать между Angular Vue или React то мне както Angular больше нравится изза того что он какойто более "правильный" считается, но сообщество наверное чтобы ктото чтото подсказал изза этого точно меньше!

Answer 1

[Stalker_RED]

Чисто на HTML? Конечно возможно - через iframe можно вставить.
Только если вы это кому-то покажете в 2023 - вас проклянут. Да и 15 лет назад уже прокляли бы - очень уж проблемная штука.

Для этого используются языки программирования - js на стороне браузера или на стороне сервера практически любой.

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

Comments

[RINCODE]

Я знаю что можно вставлять с помощью JS, я почитал iframe та ещё заноза в одном месте)
Вопрос только можно ли сверстать допустим футер в одном месте как отдельный файл и с помощью JS брать из него кусок кода и вставлять, а то в сам JS код не особо вставлять удобно хехе

[Stalker_RED]

RINCODE, можно.

[RINCODE]

Stalker_RED, А как этот способ называется, не подскажешь? Просто в интернете достаточно муторно найти

[Кирилл Никитин]

RINCODE, https://qna.habr.com/q/1039432

[RINCODE]

Кирилл Никитин, Спасибо

[Deita]

Интересно на CSS можно делать инклюды лейаута? ))

[Stalker_RED]

Deita, можно псевдоэлементы и их content вставлять. А также svg и картинки в base64. Вполне прилично может получиться :)

Answer 2

[Noder SS]

Мог и в тг спросить)). На всех страницах ты никак не сделаешь, урла может быть какая угодно и так не делает никто. Это нужно делать на сервере. Меня в этой сфере вполне устраивает node.js.

Answer 3

[Niksak]

С помощью php) Верстаешь в файле .php свой футер и вставляешь его куда надо командой require, почитай короче

Comments

[RINCODE]

без php никак? Чтобы на клиентской стороне это всё обрабатывалось, просто сервер и так нагружать буду, только другим

[Niksak]

RINCODE, шаблонизаторы, react или vue:)
Да и не нагружает так-то метод с php, просто сверстал в отдельном файле футер и в страницах пишешь require("modules/footer.php') и там футер возникает ( пусть условный )

[Pavstyuk]

RINCODE, Чтобы не нагружать нужно кешировать в статику.

[shurshur]

RINCODE, если на каждой странице будет делаться ещё один лишний запрос к серверу, ему легче точно не будет...

[Ипатьев]

RINCODE, не надо, пожалуйста, нести чушь про "нагружать сервер". Вы не понимаете смысла этих слов, и поэтому не надо их употреблять. Надо просто делать, что вам говорят, и не кобениться на пустом месте.

[Ипатьев]

Niksak, на будущее, скобки тут лишние.

[Alex D]

Ставь Vue и будет тебе радостно и легко. Я 2 недели назад смотрел на Vue как на китайские иероглифы, счас уже даже в доку почти не подглядываю. А до этого 8 лет инклюдил php футеры, так что экономь время.))

[Deita]

Alex D, а в качестве сервера и базы данных что у вас сейчас работает, тоесть от PHP вы отказались полностью?

[RINCODE]

Deita, онли js, всё на стороне клиента грузит

[Alex D]

Deita, нет. php ван лав, но только на бэке.

[RINCODE]

Alex D, от php нужно отказаться, где может клиент подгрузить по типу страниц, зачем сервер грузить

[Alex D]

RINCODE,

где может клиент подгрузить по типу страниц,

Чего?)))

[Deita]

RINCODE, думал что они на MEVN стек перешли

Answer 4

[Ипатьев]

1. У страницы делаем расширение .php вместо .html
2. Внизу пишем <?php include 'footer.php'; ?>

Всех дел на 30 секунд.