Как включить HTML-страницу на другую страницу HTML без frameworks / iframe?

Я хочу включить HTML-страницу внутри HTML-страницы. Является ли это возможным?

Я не хочу делать это на PHP, я знаю, что в PHP мы можем использовать include для этой ситуации, как я могу добиться такого же чисто в HTML без использования концепции iframe и frame ?

Если вы просто пытаетесь придерживаться своего собственного HTML-кода из другого файла и считаете, что Server Side Include является «чистым HTML» (потому что он выглядит как комментарий HTML и не использует что-то «грязное», как PHP ):

  

Вы можете использовать элемент объекта

  

или на вашем локальном сервере AJAX может вернуть строку HTML (responseText), которую вы можете использовать для document.write в новом окне, или отредактировать tags head и body и добавить остальные в div или другой элемент блока в текущая страница.

Если вы имеете в виду клиентскую сторону, вам придется использовать JavaScript или фреймы.
Простой способ начать, попробуйте jQuery

 $("#links").load("/Main_Page #jq-p-Getting-Started li"); 

Больше в jQuery Docs

Если вы хотите использовать IFrames, начните с Wikipedia на IFrames

 < !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   Example   The material below comes from the website http://example.com/    

Вы можете использовать HTML5 для этого:

   
  

Вам нужно будет добавить стиль к этому iframe. Вы можете указать ширину, высоту, и если вы хотите, чтобы она выглядела как часть исходной страницы, используйте frameborder="0" .

Другого способа сделать это в чистом HTML нет. Это то, для чего они были построены, это похоже на то, что я хочу обжарить яйцо без яйца.

Если вы хотите использовать jquery, есть удобный плагин jquery под названием «inc».

Я часто использую его для создания прототипов веб-сайтов, где я просто хочу представить клиенту статический HTML без бэкэнд-слоя, который можно быстро создать / отредактировать / улучшить / повторно представить

http://johannburkard.de/blog/programming/javascript/inc-a-super-tiny-client-side-include-javascript-jquery-plugin.html

Например, такие вещи, как меню и нижний колонтитул, должны отображаться на каждой странице, но вы не хотите, чтобы в итоге получилось копирование и вставка

Вы можете включить fragment страницы следующим образом

 

   example    
 $.get("file.html", function(data){ $("#div").html(data); }); 

Вы можете сказать, что это с PHP, но на самом деле у него есть только одна команда PHP, все остальные файлы – это просто * .html.

  1. У вас должен быть файл с именем .htaccess в каталоге вашего веб-сервера / public_html или в другом каталоге, где будет ваш html-файл, и вы будете обрабатывать одну команду внутри него.
  2. Если у вас его нет (или он может быть скрыт (вы должны проверить этот список каталогов, указав каталог для скрытых файлов)), вы можете создать его с помощью блокнота и просто набрать в нем одну строку:
    AddType application/x-httpd-php .html
  3. Сохраните этот файл с именем .htaccess и загрузите его в основной каталог сервера.
  4. В вашем html-файле в любом месте, где должен появиться внешний файл meniu.html, добавьте команду te: < ?php include("meniu.html"); ?> .

Это все!

Замечание: все команды вроде < ? ...> < ? ...> будет рассматриваться как исполняемые файлы php, поэтому, если ваш html имеет вопросительные знаки, тогда у вас могут быть некоторые проблемы.

Самое лучшее, что у меня есть: Включите в свой js-файл и включив представления, которые вы можете добавить таким образом

 < !DOCTYPE html>      Bootstrap      

Также не забудьте проверить, как использовать Angular (используя AngularJS ). Это довольно прямолинейно …

  

Если вы используете NGINX поверх Linux и хотите получить чистый bash / html, вы можете добавить маску в свой шаблон и передать запросы на использование команды sed для замены с помощью выражения regullar.

Во всяком случае, я бы предпочел использовать сценарий bash, который берет из папки шаблонов и генерирует окончательный HTML.

Лучшее решение от nginx: http://sysoev.ru/nginx/docs/http/ngx_http_ssi_module.html

подтвержденный roadkill, создайте файл .htaccess в корневом каталоге сети с помощью одной строки, которая позволяет вам добавить php-код в файл .html.

Приложение AddType / x-httpd-php .html