在html文件中包含html电子邮件

时间:2017-02-22 08:31:21

标签: php jquery html5

我想在我的html页面中显示一封html电子邮件

多数民众赞成是我简化的<!DOCTYPE html> <html class="no-js" lang=""> <head></head> <body> <div id='email_goes_here'></div> </body> </html>

email.html

那是<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> ....

的开头
email.html

我想将div#email_goes_here中的代码放在index.html的{​​{1}}内。

将代码复制并粘贴到div中是否有效?我不确定它的有效html是否包含2个<!DOCTYPE html>和2个<html>标记。如果它无效,我怎么能在另一个html页面中显示html页面?任何使用PHP或jQuery的方法都可以。

我一直在寻找这个问题,但我找不到任何东西。我只发现了如何在anoter html文件中包含一些html内容的问题,而不是如何包含一个完整的html页面。以下是我找到的链接:

Include another HTML file in a HTML file

view html page inside another html

How do I load an HTML page in a <div> using JavaScript?

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

2 个答案:

答案 0 :(得分:1)

简短回答:使用PHP。

有很多方法可以将您的网页包含在其他网页中。复制粘贴不是一件好事,因为你猜对了,两个HTML声明不能在同一页面中。

你可以使用<iframe>,但看看浏览器如何开始放弃这些,更可行的方法是使用PHP includerequire。当然,即使使用这种方法,也不允许使用两个html声明,因此您必须清除&#34;清除&#34;你的email.html文件。

编辑:忘记指出在移动浏览器中不允许使用iframe,因此如果您使用iframe,则会丢失iframe。

答案 1 :(得分:0)

另一种更恰当地做到这一点的方法是使用一些javascript框架来做可重用的组件(比如Angular.js或React.js)。并将您的电子邮件页面用作组件。 但是学习的时间会更长。