如何保持网页的风格相同

时间:2014-10-15 21:13:14

标签: html css

我想知道是否有办法创建一个可以保留网页所有样式的表单,同时更改页面内容的内容。例如:当您向Stackoverflow提交问题时,它会保留页面的所有样式部分,即页眉和侧边栏,同时更改页面标题和页面内容的大部分内容。此外,如果你可以服务器端languange,如PHP,是最好的或网络端languange,如Javascript,是最好的

3 个答案:

答案 0 :(得分:1)

样式表(CSS)确实存在于此任务中。理想情况下,页面的HTML仅包含其内容,而样式表包含所有演示文稿("外观" /"格式"页面)。在大多数或所有页面上重复使用相同的样式表可以在整个网站上保持一致的外观。

有关更多一般信息和教程,请参阅http://www.w3schools.com/css/

修改如果您更多地重复使用"结构"跨页面标记,使用模板引擎完成。使用模板可以在一个文件中定义主导航,侧边栏等内容,并在扩展基本模板的任何页面上使用。许多Web框架都内置了一个模板引擎(Django, for example有一个我个人使用过的模板引擎)。

答案 1 :(得分:1)

使用 CSS 处理。基本上,网站是使用HTML,CSS和JavaScript构建的。

  • HTML构建网站的结构。它创建了网站的基本构建块。
  • CSS负责网站的外观。它为构建块设计了风格。
  • JavaScript负责网站的功能。它可以操纵构建块以使某些事情发生。

为了保持网站上某些元素的外观相同,最好创建一个所谓的模式库。模式库是由多个代码组成的文档 - 这些部分可以在整个网站中重复使用,以保持一致性。在本文档中,您指定了基本元素的格式(标题,正文,块引用,按钮,表单元素等)。模式库有时也称为" 样式指南&#但是,样式指南通常是可视文档,而模式库由代码片段组成。)

当然,您可以在不使用模式库的情况下指定网站的外观,但是,在整个网站中维护相同的样式可能会更加困难,或者在将项目交给另一个开发人员时保持样式相同

如果您愿意,可以在this post中阅读有关模式库的更多信息。

答案 2 :(得分:1)

您可以通过css执行此操作,也可以将页面分成许多文件 例如将标题放在另一个页面(header.html)中并使用php将其包含在主页面中(include_once(' header.html'))