Web开发。比 iframe 在页面内显示页面的更好方法答案

【问题标题】：web development. Better way to display a page within a page than iframeWeb开发。比 iframe 在页面内显示页面的更好方法
【发布时间】：2013-06-04 08:46:22
【问题描述】：

我不是网络开发人员。我是一名崭露头角的游戏开发者，我正在为自己的作品集打造一个网站。

我将this 作为一个小型大学项目。它只是一个 html 页面，上面几乎没有任何内容。并且所有内容都使用 javascript 添加到 DOM（当您转到新的“页面”时，最后的内容被删除）

对于我的投资组合网站，我想做类似的事情。标题/面包屑等保持静态，内容根据您要查看的项目而变化。在我的书店示例中，JS 添加/删除很方便，因为所有书籍都具有相同类型的信息，并且只是存储在类似结构的小型数据库中。

对于我的投资组合网站，每个项目内容位可能具有不同的布局/信息，因为每个项目都不同。（例如，有些可能只是视频，有些可能全是文本等）

所以我想到了 iframe，但我知道 iframe 不利于可访问性，这是我想要避免的一般原则。你们中的任何一个网络人都对如何在没有 iframe 的情况下将页面加载（或实现类似的东西）到另一个页面有任何想法，因此它实际上是其主机页面的 part 并且不仅以视觉方式阅读，而且以这种方式阅读会被盲人正确阅读的人说（我忘记了这个词！）

【问题讨论】：

如果你想展示你自己的网站，用你自己的结构，那么一个简单的DIV可以用AJAX请求填充，应该没问题。但是，如果您正在加载一个与您完全无关的网站，我看不到除了 iframe 之外的其他选项。
你在“盲人正确阅读”中迷失了我——这听起来像 508 合规性，我认为这与 ajax 请求不太吻合，这是我在此之前一直在想的......
啊！有一个词！我不记得了。基本上使用 iframe 的网站（假设没有 css）不会按照 H1、H2、H3、pargraph 等的正确顺序。你明白 T 的意思吗？
@ Alejandro.. 那么是否可以使用 javascript 用另一个 html 页面的内容填充 div？而不是编写所有自定义javascript来制作一切。如果是这样，你能指出我正确的方向吗？欢呼

标签： iframe web

【解决方案1】：

考虑使用 php 将信息填充到 div 中。然后，您可以将项目内容与页面的其余部分存储在一个单独的文件中，并且它也与标记的角度是分开的（我猜你会这样做？）

请注意，用户将同时收到两个页面，只是从服务器的角度来看是分开的。

例如（未经测试）：

<html>
<body>
<div id="projects">
<? $page = file_get_contents("projects.html"); echo $page; ?>
</div>
</body>
</html>

【讨论】：

好的，谢谢！不过，这是很多工作吗？我需要服务器端处理吗？就像，用 html、css 和 JS 制作一个小网站非常方便！然后我可以把它扔到任何免费的虚拟主机上
工作量不大，但需要主机支持php。如果你找不到支持 php 的免费虚拟主机，那么你基本上只能使用 JS 或 html 解决方案。
好吧，我可能会那样做。我从来没有见过php。之后我可以把它放在我的简历上：D
该JS项目所在的站点也支持php :)
带起点的编辑答案； projects.html 将保存您的项目页面，但请记住它只是一个片段，而不是完整页面（无 html 标记）。