高效可维护的网站结构

发布：2018-10-19 15:04:10 浏览：3510

设计良好的网站包含被重复应用于几十或成百上千的页面的模块化组件。这些组件可能包含全局导航标题链接和页眉图形，抑或联系人信息和企业电邮地址。

将毎个文件中写入这些组成标准页面组件的文字和HTML代码没有任何意义。相反，可以使用一个文件用来放置这些要在成百上千的页面中重复出现的标准组件你只需在一个文件中进行更改，网站中包含这些组件的所有页面就会自动地更新。HTML、CSS和当前Web服务提供了重复使用模块化组件的强大功能和灵活性，绝大多数大型复杂的网站都使用几十个可重复使用的组件来创建。

1.包含文件

Web服务器允许网站作者创建标准的被称为“包含文件”的HTML代码块，它可以用于网站的所有页面。包含文件只是一个包含普通HTML页面代码的文本文件。当用户请求一个页面时，Web服务器会将主页和在主页文件中指定的所有包含文件结合在一个HTML页面内，接着发送给用户的浏览器。

对于诸如付款条例、隐私策路以及其他的以同一形式在大型网站的多处重复“引用”商业和法律语言之类的重复性标准内容而言，使用包含文件也相当便利。要经常寻求机会，将页面文件中的重复内容提取出来并且放入到包含文件中。如果你曾经不得不更改引用语言，你会很庆幸你只需更改一个文件来更新整个网站中的该文本的所有显示。

2.在C88中使用层叠

CSS的很多用户都知道如何更改标准HTML组件的外观，但是没有注意到CSs强大的层叠功能。CSS是可护展的系統，在这个系统中，一组散布手多个CSS文件中的关联CSS指今集可以是由所有顶面共享的非常普通的样式和布局指今，也可以是网站少数面可以共享的极为特殊的样式。CSS层叠有两个主要的元素

(1)CSS层叠层数

CSS有多个按重要性和优先级层叠的层级标准，从所有页面共享的通用CSs代码到包含在特定项面文件中的代码，到恢在特定HTML标签中的代码。通用页面代码会覆盖共享网站代码，候在HTML标签中的CSS代码则会覆盖通用页面代码。CSS层级层叠的优先級允许你为整个网站设置非常普遍的样式，也允许你覆盖某些需要特定区城样式或者顶面式所在的位置。

(2)跨多页共享CSS

在一网站中可以同时使用多个CSS文件。多个CSS文件以某种模块化方式起工作的观念是页面层叠体系的核心，所有的层叠页面都通过与那些控制整个网站样式的主CSS文件的链接来共享代码。这个体系的优点很显著:如果所有的页面都共享同一个主CSS文件，那么便可以在主CSS文件中更改所有组件的样式，之后网站每个页面都会显示新的样式。例如，如果你将<h1>标题的排版样式放入主文件，整个网站的所有<hl>标签都会更改并呈现出新的外观。

在复杂的网站中，页面设计师通常都会采用成组的CSS文件来定义网站的样式。将多个CSS文件打包有很多实用的好处。在复杂的网站中，CSS代码可以大到数百行，通常，将这些元素细分成来自主网站版面样式的基础页面布局CSS更为实用创建与CSS文件的链接，并且让主CSS布局和版面样式控制网站中的所有页面十分容易。

3)用于特定图形处理的CSS“皮肤”文件

你可能不想让网站的所有页面和区域看上去完全一样。如果这样的话，你可以添加一个第三方“皮肤”CSS文件，用来为共享同一视党设计的某个网站区域提供特殊的图形、颜色和处理标题。位于多个文件层叠中的每个CSS文件都添加了信息:从网站通用的布局和版面样式到特定用于少许顶面的视觉样式。

3.媒介样式表

CSS的另一个优点是可以使用网站建设媒介样式表提供适应上下文环境的设计。媒介样式表支持程度并不高，目前只有对屏幕、打印的高效应用，程度更低的就是掌上设备了。有了媒介样式表，才可能适应某种布局，例如，在打印时隐藏导航元素或者在使用手机的小屏幕査看时最小化菜单选项。