什么是新框架?

时间:2012-02-27 14:01:13

标签: html web

似乎我在网站创建方面有点过时了。

几年前,我学会了创建带框架的简单网站。

然而,w3school.com不鼓励使用此解决方案,并且未来的HTML版本不再支持这些框架。

那么简单的替换是什么?

  • iFrames似乎也被大多数开发人员劝阻
  • PHP似乎提供了解决方案?什么是PHP中替换帧的简单方法?
  • 如果我不使用php(实际上我需要在一个项目中使用JavaEE),我该如何创建类似框架的网站?

简短:现在如何创建一个好看的(类似框架的)网站?

3 个答案:

答案 0 :(得分:15)

一般来说:

目视

CSS。有许多techniques用于放置内容(取决于您想要的精确效果,Holy Grail是一种常见的愿望)。

The overflow properties处理页面的滚动子部分,虽然设计师认为让菜单一直占用屏幕空间是个好主意但通常是错误的。

避免重复使用metacontent

(即在每个页面上放置基本结构,导航菜单等内容而不复制/粘贴它们)

运行服务器端(最常见)或构建时(可以支持仅允许静态文件的HTTP服务器)的模板系统(或包含系统)。

这个实现的语言是无关紧要的,PHP和muck一样普遍,Java是一个选项,我倾向于Perl(更具体地说:Template Toolkit),还有很多其他的。 JavaScript在这类工作中变得越来越流行,assemble等工具变得可用。您可以使用a static site generator完成所有操作。

使用搜索引擎查找常用的模板语言或包含您选择的编程语言的系统。

在不离开页面的情况下加载新内容

JavaScript,通常使用XMLHttpRequest对象(该技术称为Ajax),以及(如果您正在进行严格的内容更改)与the History API结合使用(因此书签和链接仍可正常工作) 。 Github是a good example of this。有许多框架,例如ReactAngular,它们会让事情变得更容易。注意limited browser support以及可能导致JS使用good design principles essential进行归档的所有其他内容。使这些东西变得健壮的一种方法是写Isomorphic JS

答案 1 :(得分:4)

框架不会被新的“技术”取代。现有技术是将所有内容放入同一文档中并通过CSS设置样式。当然服务器端包含可以帮助您做到这一点。

答案 2 :(得分:2)

使用CSS positioning创建类似框架的界面,使用AJAX更改容器的内容。您可以使用jQueryPrototypeMooTools等JavaScript框架来处理AJAX请求。

但是,如果您想要包含其他域中的内容,则必须使用<iframe>,因为AJAX遵循same origin policy

如果你想写DRY(不要自己重复),你可以使用某种模板系统(PHP,Ruby,Pearl,Python - 当然还有这种语言的框架)。