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

Question

Pavlu4io @Pavlu4io

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

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

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

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

Подписаться 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

Простой
Как правильнее организовать код калькулятора?
- 1 подписчик
- 16 часов назад
- 91 просмотр
1

ответ
JavaScript

+3 ещё

Средний
Как поменять тип проекции карты в Leaflet?
- 3 подписчика
- 22 часа назад
- 626 просмотров
1

ответ
HTML

+1 ещё

Простой
Как изменить строчку кода HTML на чужом сайте tampermonkey?
- 2 подписчика
- вчера
- 283 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Добавление определенного класса к header при прокрутке до определенного блока?
- 1 подписчик
- вчера
- 54 просмотра
0

ответов
JavaScript

Простой
Почему не срабатывает prototype reverse на строке?
- 1 подписчик
- вчера
- 53 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 2 подписчика
- вчера
- 157 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как сделать ajax фильтрацию по категориям в WP?
- 1 подписчик
- вчера
- 49 просмотров
0

ответов
JavaScript

Средний
Как сделать, чтобы встроенный обработчик события убрал сам себя?
- 3 подписчика
- вчера
- 690 просмотров
3

ответа
JavaScript

Простой
Как реализовать карирование так, чтобы оно не было замкнуто на одну переменную?
- 1 подписчик
- вчера
- 92 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Галерея 3DWave. Перевел HTML в JS. Не работает.?
- 1 подписчик
- 30 апр.
- 92 просмотра
0

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

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

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

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

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Разработка страницы статьи на сайте на WordPress

03 мая 2024, в 13:03

1000 руб./в час

Написать бэк часть (API Эквайринг Тинькофф, VK API, API Cloudpayments)

28 апр. 2024, в 13:02

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

Парсер для обновления остатков товаров на МП Вайлдбериз

03 мая 2024, в 12:05

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

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 документе?

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

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

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