网络开发。在页面中显示页面的更好方法,而不是iframe

网络开发。在页面中显示页面的更好方法,而不是iframe,iframe,web,Iframe,Web,我不是网络开发者。我是一个初露头角的游戏开发者,我正在为自己的作品集打造一个网站 我做了一个小的大学项目。它只有一个html页面,几乎没有任何内容。所有内容都通过javascript添加到DOM中(当您转到一个新的“页面”时,最后一个内容将被删除) 对于我的投资组合网站,我想做一些类似的事情。其中,标题/面包屑等保持静态,内容根据您想要查看的项目而变化。 在我的书店示例中,JS add/remove很方便,因为所有的书都有相同类型的信息,它只是存储在一个类似数据库的结构中 对于我的投资组合网站,

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

我做了一个小的大学项目。它只有一个html页面,几乎没有任何内容。所有内容都通过javascript添加到DOM中(当您转到一个新的“页面”时,最后一个内容将被删除)

对于我的投资组合网站,我想做一些类似的事情。其中,标题/面包屑等保持静态,内容根据您想要查看的项目而变化。 在我的书店示例中,JS add/remove很方便,因为所有的书都有相同类型的信息,它只是存储在一个类似数据库的结构中

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

所以我想到了iframe,但我知道iframe不利于可访问性,这是我想要避免的一般原则。
你们中的任何一个网络人都有关于如何在没有iframe的情况下将一个页面加载到另一个页面(或实现类似的功能)的想法,因此它实际上是其宿主页面的一部分,并且以这种方式阅读,不仅是视觉上的,而且可以让盲人正确阅读,比如(我忘记了这个词!)

考虑使用php将信息填充到div中。然后,您可以将项目内容存储在一个独立于页面其余部分的文件中,它也可以从标记的角度进行分离(我猜这就是您想要的?)

请注意,用户将同时接收这两个页面,这与服务器的观点不同

例如(未经测试):



如果您想用自己的结构显示自己的站点,那么可以用AJAX请求填充一个简单的DIV,这样就可以了。但是,如果你正在加载一个与你完全无关的站点,我看不到除了iframe之外的其他选项。你在“盲人正确阅读”中失去了我——这听起来像是508合规性,我不认为jives太适合ajax请求,这是我之前一直在想的……啊!这有一个词!我记不得了。基本上,如果有一个iframe,站点(比如说没有css)将不会按照H1、H2、H3、pargraph等的正确顺序排列。你明白我说的吗?@Alejandro。。所以,可以使用javascript用另一个html页面的内容填充div吗?而不是编写所有自定义javascript来实现一切。。如果是的话,你能给我指出正确的方向吗?太酷了,谢谢!!那是不是有很多工作要做?我需要服务器端处理吗?比如,用html、css和JS制作一个小网站是如此方便!然后我可以把它放在任何免费的webhosts上。这不是很多工作,但它确实需要主机支持php。如果你找不到一个支持php的免费网络主机,你基本上只能使用JS或html解决方案。好吧,我可能会这样做。我从未见过php。之后我可以把它放在我的简历上:DAlso这个JS项目所在的网站支持php:)编辑的答案,有一个起点;html将保存您的项目页面,但请记住它只是一个片段,而不是一个完整的页面(没有html标记)。
<html>
<body>
<div id="projects">
<? $page = file_get_contents("projects.html"); echo $page; ?>
</div>
</body>
</html>