Как вывести html страницу в другом html документе?

Question

Pavlu4io @Pavlu4io

Как вывести html страницу в другом html документе?

Помогите пожалуйста! Подскажите, как наиболее правильно (или хотя бы как нибудь) вывести один html документ в другом? Например, хедер у меня есть в одном файле, и я хочу просто его вставлять в каждую страницу как то просто, вместо того что бы постоянно вставлять большие куски кода. Что можете посоветовать (и вообще, насколько костыльный этот метод)?

Вопрос задан более трёх лет назад
1107 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 3

6 комментариев

Pavlu4io @Pavlu4io Автор вопроса

Про этот я слышал метод. Есть ли решение, чисто для фронтенд разработчика?

Написано более трёх лет назад
tyzberd @tyzberd

вам для верстки?

Написано более трёх лет назад
Pavlu4io @Pavlu4io Автор вопроса

tyzberd, Да, вот я со своим, довольно малым опытом верстаю сайты. Если честно, толком не понимаю как это правильно делать. Насколько знаю, берёшь, создаёшь страничку да и верстаешь. Заметил, что много есть кусков кода, которые не охота по 100 раз копипастить в разные файлы, и ищу обходной путь, что бы просто вставлять нужный кусок в нужное место одной-двумя строчками

Написано более трёх лет назад
tyzberd @tyzberd

у меня есть вариант c использованием gulp
gulp-nunjucks-render - для html
sass для стилей
но в этом нужно разобраться, а потом можно использовать в каждом проекте.

Написано более трёх лет назад
Pavlu4io @Pavlu4io Автор вопроса

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

Написано более трёх лет назад
tyzberd @tyzberd

Pavlu4io, нет. можете понемногу и в том разбираться, сейчас есть много видео, оф докумментация, или перевод.
Там есть удобные вещи, например browserSync + gulp поднимает сервер, следит за изменениями файлов, при изменени стилей вы увидите их сразу на странице, без перезагрузки, при изменении html страница перезагрузится сама. И это не фреймворки.

Написано более трёх лет назад

6 комментариев

Pavlu4io @Pavlu4io Автор вопроса

Не выходит ничего, попробовал как вы сказали

Написано более трёх лет назад
Stalker_RED @Stalker_RED

Вы забыли упомянуть, что нужно еще w3.js подключать. И вообще, сомневаюсь, что оно нормально отработает "из папки", без сервера.

Написано более трёх лет назад
Abcdefgk @Abcdefgk
Pavlu4io, Скрипт с библиотекой внутри
<head> ... <script src="https://www.w3schools.com/lib/w3.js"></script> </head>

и скрипт <script>w3.includeHTML();</script> внизу документа - всё инклудится, ибо это есть стандартный стандарт.
Написано более трёх лет назад
Stalker_RED @Stalker_RED

Abcdefgk, это недоделанный аналог jQuery, а не стандарт.

Написано более трёх лет назад
Abcdefgk @Abcdefgk

Stalker_RED, Ну не важно, работает же. Библиотека - и библиотека, ничем не хуже модных реактов-ангуляров (по поводу которых все кипятком писают).

Написано более трёх лет назад
Stalker_RED @Stalker_RED

Abcdefgk, рофл

Написано более трёх лет назад

8 комментариев

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+2 ещё

Простой
Как не вызывать получения данных из redux много раз?
- 1 подписчик
- 9 часов назад
- 52 просмотра
0

ответов
JavaScript

Простой
Почему нет доступа к данным из callback?
- 1 подписчик
- вчера
- 87 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как одновременно получить данные из callback и передать их в callback?
- 1 подписчик
- вчера
- 85 просмотров
0

ответов
HTML

+1 ещё

Простой
Что не так с вёрсткой кнопок?
- 1 подписчик
- 14 февр.
- 204 просмотра
2

ответа
HTML

+1 ещё

Простой
Как сменить цвет символа без тега и класса?
- 1 подписчик
- 14 февр.
- 122 просмотра
3

ответа
HTML

+1 ещё

Простой
Как сделать независимые друг от друга блоки?
- нет подписчиков
- 13 февр.
- 104 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Как передать какие-либо данные в godot через браузер?
- 1 подписчик
- 13 февр.
- 75 просмотров
0

ответов
HTML

+1 ещё

Простой
Не выставляются карточки с помощью gap так как надо?
- 1 подписчик
- 12 февр.
- 64 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Какой алгоритм можно применить при проверки числа на простое ли оно?
- 1 подписчик
- 12 февр.
- 1762 просмотра
3

ответа
JavaScript

+2 ещё

Средний
Как запретить оверлею загораживать отдельно взятый элемент? Как выбить/поднять/отменить дочерний элемент из контекста наложения?
- 2 подписчика
- 12 февр.
- 207 просмотров
2

ответа
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Бэкэнд-разработчик JavaScript

Wanted. • Москва

от 250 000 до 400 000 ₽

Senior Frontend (JavaScript) разработчик

Vital Partners

от 350 000 до 420 000 ₽

Разработать турнирный модуль для игры Counter-Strike 2

16 февр. 2025, в 22:13

10000 руб./за проект

Парсинг социальных сетей вк и тг.

16 февр. 2025, в 22:02

2222 руб./за проект

Разработать динамический алгоритм кэширования (+ интерфейс)

16 февр. 2025, в 22:01

15000 руб./за проект

Answer 1 · 2017-11-06 16:05:39

тут поможет php include()
только запускать придется через сервачек, а не просто в браузере
Постоянно так делаю. И быстро и надежно.
<?php include "header.php";}

Answer 2 · 2017-11-06 16:07:27

Если делать на чистом HTML - создаете header.html и в нужном месте в index.html пишете <div w3-include-html="header.html"></div>.
А вообще, в nginx и apache есть свои функции include, которые позволяют делать то же.

Answer 3 · 2017-11-06 16:11:56

Максим Маркитантов @markitantovm

Художник, музыкант, литературовед

Тег frame

<frameset>
  <frame>
</frameset>

Ответ написан более трёх лет назад

8 комментариев

Как вывести html страницу в другом html документе?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт