如何在网站上创建子页面?

时间:2014-07-03 00:18:49

标签: html css web file-structure

假设我有一个网站http://www.example.com

我想为这个页面创建更多的子页面,即

www.example.com/faq

www.example.com/contact

我对网页设计很陌生,而且我目前的知识扩展到使用HTML,CSS和一点JS制作基本网站。

3 个答案:

答案 0 :(得分:4)

这完全取决于您的网络服务器。您的网络服务器负责将URL路径路由到要显示的实际内容。但是,如果您只有静态HTML文件(专业网站倾向于使用某些模板语言的HTML模板,使用某些服务器端编程语言和模板引擎从数据库和其他来源填充​​数据),大多数Web服务器将,使用默认配置,将子路径路由到与路径同名的目录中的“index.html”文件。但是,这从Web服务器到Web服务器以及从配置到配置都有所不同。

换句话说,对于一个简单的网站,这通常就足够了:

website_folder/
   index.html <- this is the homepage
   faq/
     index.html <- this is served from "/faq" and from "/faq/index.html"
   contact/
     index.html <- this is served from "/contact" and "/contact/index.html"

然而,对于专业网站,你会发现这样的事情更常见:

website_folder/
  templates/
    homepage.tpl <- an HTML template in some templating system.
    faq.tpl         Examples of templating engines include Jinja2,
    contact.tpl     Django, CTemplate, though there are many, many others
  static/
  config/
  lib/
  src/
  ...

网络服务器程序(在这种情况下,我假设它位于“src”下,但代码的确切组织因公司而异,或者从一个项目到另一个项目),为这些不同的路径注册处理程序处理程序被编程为填充相应的模板。

答案 1 :(得分:1)

您只需创建另一个包含所需内容的html文件,并使用“a”标记链接

<a href="about.html">about</a>

答案 2 :(得分:1)

您需要为此实例创建名为faq.html和contact.html的新HTML文件。然后,您可以使用<a>代码

链接到这些网页