Include html file in html using html5 [duplicate]

Answer 1

To use the PHP include function in HTML5, you just have to edit your .htaccess file as follows:

    <Files *.html>
ForceType application/x-httpd-php
</Files>

Now you can use any PHP code in your html file like this:

<?php include 'menu.html'; ?>

Cheers ;)

Answer 2

HTML5 is no different from HTML 4.01 in this sense in that this simply can't be done without scripting of some sort.

Answer 3

If your server supports SSI (server side includes) you can put the following in your html-files without needing a scripting language or whatever. Apache has SSI enabled by default (I think?)

<!--#include file="same_path_file.html" -->
<!--#include virtual="docroot_file.html" -->

"file" is relative to the current file, and probably what you would use for including related files like "relevant_article_poll.html".

"virtual" is relative to document root (ie, your website root) and you would use it for including global files, like headers and footers.

Doesn't really matter which one you choose, but it's useful to know the difference between the two.

Also, the include directive makes a new internal http request to the server for each file, so you could include php files and the likes and they would be executed as they should.

Here's a useful overview of SSI: http://en.wikipedia.org/wiki/Server_Side_Includes

Answer 4

Surprisingly, the same question was asked and it is possible: HTML5 include file

Rafa's answer:

---

Use the object tag:

<object name="foo" type="text/html" data="foo.inc"></object>

foo.inc should include valid HTML.

---

I tested it on Konqueror, Firefox and Chromium.

Note you must use a separate </object> tag otherwise any content after it gets discarded.

If you find it useful (I do), please upvote Rafa answer (not mine) because "it is not possible" is spreading like disease.