html - 有什么方法可以将一些样式繁多的 HTML 与网站的其余样式隔离开来？

Question

我正在尝试找出一种方法来在我客户的网站上显示电子邮件新闻稿的存档。问题是时事通讯充满了不计其数的内联样式，这非常适合在 Outlook 或其他任何地方查看它们，但它们在其他样式精美的网站中看起来并不太热。

我的目标是让我的客户能够复制生成的时事通讯的整个源代码(她的列表管理公司*允许她访问)并将其粘贴到 CMS(drupal，如果它有所作为)。

*持续联系？邮件黑猩猩？我忘了。其中之一。

然后我想在她的网站上显示它，在网站其余部分的基本结构(标题、导航等)内。如果这是 1997 年，我会说“iframe!”并完成它，但是 A) 这似乎是一个蹩脚的解决方案，并且 B) 代码本身实际上并不存在于页面上，我认为这是 iframe 所必需的。

我可以在这个 HTML block 周围放置某种标记，以将它与站点的其余样式隔离开来吗？还是有另一种方法可以完全解决这个问题？

谢谢!

Answer 1

IFrames 是我能找到的唯一途径。唯一的替代方法是覆盖父页面 CSS 中新闻稿显示区域的所有样式。

如您所述，使用 iframe 可能需要您在独立文件中托管时事通讯。据我所知，唯一的替代方法是您可以使用 JavaScript 动态创建和/或填充 iframe。

如果使用此方法，您可以将时事通讯显示在具有特定类的 div 中，然后使用 JavaScript 将 div 移动到 iframe 中。最大的缺点是没有启用 JavaScript 的用户不会发生这种情况。