How to include an HTML page into another HTML page without frame iframe

Question

I want to include an HTML page inside an HTML page   Is it possible     I don t want to do it in PHP  I know that in PHP  we can use include for this situation  how can I achieve the same purely in HTML without using the iframe and frame concept

User · Answer

lt iframe src  page html  gt  lt  iframe gt    You will need to add some styling to this iframe  You can specify width  height  and if you want it to look like a part of the original page include frameborder  0    There is no other way to do it in pure HTML  This is what they were built for  it s like saying I want to fry an egg without an egg

User · Answer

You could use HTML5 for this   lt link rel  quot import quot  href  quot  path to file html quot  gt    Update     July 2020  This feature is no longer supported by most major browsers  and generally considered obsolete  See caniuse for the list of browsers which do still support it

User · Answer

You can use an object element   lt object type  text html  data  urltofile html  gt  lt  object gt    or  on your local server  AJAX can return a string of HTML  responseText  that you can use to document write a new window  or edit out the head and body tags and add the rest to a div or another block element in the current page

User · Answer

The best which i have got  Include  in your js file and for including views you can add in this way   x000D   x000D   lt  DOCTYPE html gt  x000D   lt html lang  en  gt  x000D   lt head gt  x000D       lt meta charset  utf-8  gt  x000D       lt meta name  viewport  content  width device-width  initial-scale 1  shrink-to-fit no  gt  x000D       lt meta http-equiv  x-ua-compatible  content  ie edge  gt  x000D       lt title gt Bootstrap lt  title gt  x000D       lt  -- Your custom styles  optional  -- gt  x000D       lt link href  css style different css  rel  stylesheet  gt  x000D   lt  head gt  x000D   x000D   lt body gt  x000D       lt script src  https   www w3schools com lib w3data js  gt  lt  script gt  x000D       lt div class    gt  x000D         lt div w3-include-html  templates header html  gt  lt  div gt  x000D         lt div w3-include-html  templates dashboard html  gt  lt  div gt  x000D         lt div w3-include-html  templates footer html  gt  lt  div gt  x000D       lt  div gt  x000D   lt  body gt  x000D   lt script type  text javascript  gt  x000D      w3IncludeHTML    x000D   lt  script gt  x000D   lt  html gt  x000D   x000D   x000D

User · Answer

Best solution from nginx  http   sysoev ru nginx docs http ngx http ssi module html

User · Answer

get  file html   function data           div   html data

User · Answer

You can say that it is with PHP  but actually it has just one PHP command  all other files are just   html    You should have a file named  htaccess in your web server s  public html directory  or in another directory  where your html file will be and  you will process one command inside it    If you do not have it   or it might be hidden  you should check this directory list by checking directory for hidden files    you can create it with notepad  and just type one row in it  AddType application x-httpd-php  html Save this file with the name  htaccess and upload it to the server s main directory  In your html file anywhere you want an external  meniu html file to appear  add te command   lt  php include  meniu html      gt     That s all   Remark  all commands like  lt       gt  will be treated as php executables  so if your html have question marks  then you could have some problems

User · Answer

If you mean client side then you will have to use JavaScript or frames  Simple way to start  try jQuery      links   load   Main Page  jq-p-Getting-Started li      More at jQuery Docs  If you want to use IFrames then start with Wikipedia on IFrames   lt  DOCTYPE html PUBLIC  -  W3C  DTD HTML 4 01 Transitional  EN      http   www w3 org TR html4 loose dtd  gt   lt html gt     lt head gt           lt title gt Example lt  title gt     lt  head gt     lt body gt          The material below comes from the website http   example com           lt iframe src  http   example com   height  200  gt              Alternative text for browsers that do not understand IFrames           lt  iframe gt      lt  body gt   lt  html gt

User · Answer

lt html gt   lt head gt   lt title gt example lt  title gt       lt script gt        function               filename   load  htmlfile html                lt  script gt   lt  head gt   lt body gt       lt div id  filename  gt       lt  div gt   lt  body gt

User · Answer

If you re just trying to stick in your own HTML from another file  and you consider a Server Side Include to be  pure HTML   because it kind of looks like an HTML comment and isn t using something  dirty  like PHP     lt  -- include virtual   footer html  -- gt

User · Answer

If you re willing to use jquery  there is a handy jquery plugin called  inc    I use it often for website prototyping  where I just want to present the client with static HTML with no backend layer that can be quickly created edited improved re-presented  http   johannburkard de blog programming javascript inc-a-super-tiny-client-side-include-javascript-jquery-plugin html  For example  things like the menu and footer need to be shown on every page  but you dont want to end up with a copy-and-paste-athon  You can include a page fragment as follows   lt p class  inc footer htm  gt  lt  p gt

User · Answer

If you are using NGINX over linux and want a pure bash html  you can add a mask on your template and pipe the requests to use the sed command to do a replace by using a regullar expression    Anyway I would rather have a bash script that takes from a templates folder and generate the final HTML

User · Answer

confirmed roadkill  create a  htaccess file in the web root with a single line which allows you to add php code to a  html file   AddType application x-httpd-php  html

User · Answer

Also make sure to check out how to use Angular includes  using AngularJS   It s pretty straight forward      lt body ng-app    gt     lt div ng-include   myFile htm   gt  lt  div gt   lt  body gt

[html] How to include an HTML page into another HTML page without frame/iframe?

Examples related to html