高效可维护的网站结构

设计精良的网站包罗被反复应用于几十或成千盈百的页面的模块化组件。这些组件能够包罗全局导航题目链接和页眉图形，抑或接洽人信息和企业电邮地址。

将毎个文件中写入这些构成标准页面组件的文字和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的另外一个优点是可以运用网站制作媒介样式表提供顺应高低文环境的设计。媒介样式表支持水平其实不高，今朝只要对屏幕、打印的高效应用，水平更低的就是掌上设备了。有了媒介样式表，才能够顺应某种规划，比方，在打印时隐藏导航元素或者在运用手机的小屏幕査看时最小化菜单选项。