高效可维护的网站结构

设计优秀的网站包含被重复应用于几十或成百上千的页面的模块化组件。这些组件可能包含全局导航题目链接和页眉图形，抑或联系人信息和企业电邮地址。
 
将毎个文件中写入这些组成标准页面组件的笔墨和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的另一个好处是可以使用网站建设序言样式表提供适应上下文环境的设计。序言样式表支撑程度并不高，目前只有对屏幕、打印的高效应用，程度更低的就是掌上设备了。有了序言样式表，才可能适应某种布局，例如，在打印时隐蔽导航元素或者在使用手机的小屏幕査看时最小化菜单选项。