Как добавить 1 чистый HTML в другой HTML - PullRequest
6 голосов
/ 10 июня 2009

У меня есть 1 чистая HTML-страница, например. sample.html. Мне нужно включить этот HTML в другой чистый HTML для ex.Orginal.html. Как это сделать? У меня есть изображение заголовка в моем sample.html. Оно должно быть вверху страницы Orginal.html.

Ответы [ 6 ]

5 голосов
/ 10 июня 2009

Если вы используете веб-сервер Apache, вы можете попробовать использовать на стороне сервера .

4 голосов
/ 10 июня 2009

Вы не можете делать такие вещи в чистом HTML, если вы не используете фреймы или элемент iframe. Но лучше слить их вручную ...

3 голосов
/ 10 июня 2009

Вот пример того, как сделать это в чистом HTML с помощью iframe, который, хотя странным образом не упоминается в спецификации HTML 4, поддерживается всеми основными браузерами (и в спецификации HTML 5)

<body>
<h1>This is original page</h1>
<p>Some content on original page.</p>
<iframe src="sample.html" width="600" height="300"></iframe>
</body>

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

Будьте осторожны с решениями JavaScript для этой проблемы, особенно если вы хотите, чтобы их просматривали на мобильных устройствах.

Дополнительное примечание: также избегайте решений с фреймами, поскольку они не являются допустимой разметкой.

1 голос
/ 10 июня 2009

См. Включение одного файла в другой , в котором содержится сводная информация о различных доступных методах (вместе с их плюсами и минусами).

0 голосов
/ 10 июня 2009

С php, easy и вывод будет hmtl:

Orginal.php

<!--headers -->
<?
include 'sample.html';
?>
<!-- rest of your site  -->
0 голосов
/ 10 июня 2009

Вы можете использовать JavaScript для загрузки некоторого HTML из одного документа в другой. Эта задача довольно проста с использованием jQuery toolkit :

$("The ID of a container (a div element for instance) in which you want to load
the contents of a HTML file").load("path to html file you want to load");


<div id="inserthere" />


$(function ()
{
    $("#inserthere").load("loadme.html"); // Load the contents of loadme.html
                                          // and stuff it in the div with the
                                          // ID of "inserthere"
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...