Как вложить HTML в HTML? Самый главный совет начинающему веб-разработчику

preview_player
Показать описание
Частый вопрос, с которым сталкиваются верстальщики, – как вложить один html-файл в другой html-файл (как-будто модульный хтмл)? Сделать это стандартными средствами не получится. Придется использовать стороннее решение, например, template-engine.

Как я стал программистом

Как я переехал в Европу

Стрим: Карьера программиста

👉🏻 Больше влогов здесь:
#larchankavlog #larchanka

👉🏻 Ежедневные влоги:
#larchankadaily

👉🏻 Чем я снимаю:
➡️ Еще одна камера: Sony DSC-WX500
  1. Миша Ларченко
  2. html
  3. верстальщик
  4. верстка
  5. верстка сайта
  6. верстка сайта с нуля
Рекомендации по теме
Как вложить HTML 0:19:10

Как вложить HTML в HTML? Самый главный совет начинающему веб-разработчику...

Можно ли вложить 0:06:48

Можно ли вложить один HTML элемент в другой?

Как вставить картинку 0:01:41

Как вставить картинку в html | HTML уроки

Мужик слил на 0:00:57

Мужик слил на бирже 42 миллиарда рублей за 30 минут #shorts

Уроки HTML, CSS 0:09:50

Уроки HTML, CSS Как в списках убрать точки и поставить картинку...

HTML уроки. HTML 0:35:30

HTML уроки. HTML теги форм. HTML input. Уроки HTML CSS JS. Урок №4

6. HTML списки. 0:07:11

6. HTML списки. Номерованный и не номерованный список. Теги li, ol и ul. Основы HTML верстки....

HTML курс для 0:06:38

HTML курс для новичков - Урок #10 - Теги ul, li

HTML5 для начинающих 0:07:47

HTML5 для начинающих | #3 Синтаксис HTML-элемента

JavaScript #6: создание 0:15:46

JavaScript #6: создание и добавление элементов DOM createElement, append, remove, insertAdjacentHTML...

Как вывести в 0:12:22

Как вывести в HTML любую таблицу из объекта или массива JavaScript...

Учим HTML за 1:04:45

Учим HTML за 1 час! #От Профессионала | HD Remake

Ссылки вокруг блоков 0:02:28

Ссылки вокруг блоков — HTML Шорты

ЯЗЫК РАЗМЕТКИ HTML 0:40:18

ЯЗЫК РАЗМЕТКИ HTML ЗА 40 МИНУТ ДЛЯ НАЧИНАЮЩИХ. ВСЕ ТЕГИ ВКЛЮЧЕНЫ....

Flexbox CSS практический 0:06:29

Flexbox CSS практический курс за 6 минут. Все свойства

HTML5 #2 Мета-данные 0:11:51

HTML5 #2 Мета-данные и внешние импорты (Meta Data & External Imports)

[2023] Основы верстки 1:06:37

[2023] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета...

HTML для начинающих 0:13:47

HTML для начинающих - #4 - Таблицы

Знакомство с основным 0:52:28

Знакомство с основным каркасом страницы | Курс HTML & CSS | Занятие №1...

Меню бургер за 0:13:17

Меню бургер за 10мин для начинающих! Очень простой способ. Мобильное меню. Код из видео в описании)...

Frontend Developer vs 0:00:11

Frontend Developer vs Backend Developer vs Fullstack Developer

[HTML/CSS] Верстаем очень 0:53:26

[HTML/CSS] Верстаем очень простой сайт-визитку. Базовые знания для новичков. Верстка сайта с нуля....

Где купить квартиру. 0:00:28

Где купить квартиру. Москва. Позиционирование #дизайнер #подключ #отделка #дизайн #ремонт #москва...

Как загрузить проект 0:02:04

Как загрузить проект на github новичку за 2 минуты

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

А как сохранить уровени вложенности при включении файлов? Сейчас в конечном html файле вложенность нарушается и все криво... это бесит

hckphy
Автор

Топовая тема, недавно сделал сайт таким способом, закинул всё в base.html а остальные странички дополнял по-своему ))

satanisla
Автор

у тебя бы получались хорошие обучающие видосики)

raydos
Автор

Сразу изменил расширение на .njk, шаблоны юзал для "шаблонов" страниц, а из макро делал компоненты а-ля реакт с передачей а-ля пропсов. Нужно было сверстать сайт 60+ страниц.

amirych
Автор

Старанно сто в функции после return что-то работает

ArtyomStouch
Автор

Мне кажется легче просто использовать плагин галпа, gulp-file-include. По моему мнению это просто и без заморочек

YegorMurunov
Автор

Не понятно. Вы сразу начали уже с какого-то файла и как я понял настроеного галпа и с того места начали обьяснять. А если у меня не настроен галп и как его вообще правильно настрить что бы можно было сделать идентично вашему. Видео как раз для тех, кто уже не задается такими вопросами, потому что уже узнал ответ. Ладно, найду другой туториал) Это для продвинутых

cfxibhy
Автор

Нативный способ вставить кусок html в html (кроме использования javascript), это iframe.

DreamingDolphing
Автор

Есть ещё такой очень маленький SSG под названием Sergey, который кроме вставки кусков html и markdown вообще ничего не умеет.

DreamingDolphing
Автор

хм... а почему бы просто не использовать локальный сервер + php. Переименовать страницы в php - и делов то. <?php require ./header.php ?>

alexandermediantsev