网站重构技术：XML，XHTML代码规范，样式表调用方式，CSS布局要点

日期：2013-12-16 来源：攀枝花惠康网络公司

1. 几个概念

1.1. 什么是HTML?

HTML是Hypertext Markup Language的英文缩写,即超文本标识表记标帜说话,是一种用来建造网页的标识表记标帜说话。

1.2. 什么是XHTML？

XHTML是The Extensible HyperText Markup Language可扩展标识说话的缩写。在HTML4.0的基本上，用XML的轨则对其进行扩展，获得了XHTML。它实现HTML向XML的过渡。

用标致的图案庖代通俗无序列表前沉闷的黑点。站点http://marine.happycog.com/

XML(extensible Markup Language)的呈现，结构化文档和数据有了一个通用的、科顺应的名目，不仅仅应用在web上，也可以应用在任何处所。尺度称为可能。 (*.xsl,*.dtd,*.xml)。

1.4. 什么是CSS？

CSS是Cascading Style Sheets层叠样式表的缩写。纯CSS结构与结构式XHTML相连系能辅佐设计师分手外不美观与结构，使站点的访谒及维护加倍轻易。（xsl）

1.5. 为什么要采用CSS结构庖代table结构？

(1) 用css结构的一个益处是可以批量对页面进行改削，它能将文档结构和默示层分分开来，减轻工作量和处事器的负荷，增添站点的扩展能力和应用。

(2) 可以使用表格。只是表名目仅用于其本意：展示数据列表。而不许可使用表格排版和定位。

所谓web尺度，不是指XML，而是指为了实现年夜量HTML信息向XML尺度的过渡，W3C和ECMA拟定的一系列的手艺规范，今朝首要搜罗XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。web尺度不仅仅是一个规范，而是一系列规范的总称。按这些规范建造的网页，合适XML名目规范，内容与默示相分手，将使你的页面数据在往后可以被分享、交流和重用。

2.1. 所有的标识表记标帜都必需要有一个响应的竣事标识表记标帜

也必需改削成”onmouseover”。

2.3. 所有的XML标识表记标帜都必需合理嵌套

同样因为XHTML要求有严谨的结构，是以所有的嵌套都必需按挨次，以前我们这样写的代码：

2.2. 所有标签的元素和属性的名字都必需使用小写

必需改削为：

就是说，一层一层的嵌套必需是严酷对称。

2.4. 所有的属性必需用引号”"括起来

在HTML中，你可以不需要给属性值加引号，可是在XHTML中，它们必需被加引号。例如:

<height=”80″>

<alt=”say'hello'”>

2.5. 把所有<和&非凡符号用编码暗示

. 任何小于号（<），不是标签的一部门，都必需被编码为& l t ;

. 任何年夜于号（>），不是标签的一部门，都必需被编码为& g t ;

. 任何与号（&），不是实体的一部门的，都必需被编码为& a m p;

注：以上字符之间无空格。

2.6. 给所有属性赋一个值

. COLOR用于界说字体颜色。

XHTML划定所有属性都必需有一个值，没有值的就一再自己。例如：

当几个元素样式属性一样时，可以配合挪用一个声明，元素之间用逗号分隔，：

必需改削为：

2. XHTML代码规范

9.2. 举荐书籍

与HTML纷歧样，XHTML对巨细写是敏感的，<title>和<TITLE>是分歧的标签。XHTML要求所有的标签和属性的名字都必需使用小写。例如：<BODY>必需写成<body> 。巨细写同化也是不被认可的，凡是dreamweaver自动生成的属性名字”onMouseover”

用等号或者空格替代内部的虚线。

以上这些规范有的看上去斗劲奇异，但这一切都是为了使我们的代码有一个统一、独一的尺度，便于往后的数据再操作。

<!–这里是注释============这里是注释–>

3.1. 页面内嵌法：

就是将样式表直接写在页面代码的head区。近似这样：

3.2. 外部挪用法：

将样式表写在一个自力的.css文件中，然后在页面head区用近似以下代码挪用。

以前在HTML中，你可以打开良多标签，例如<p>和<li>而不必然写对应的</p>和</li>来封锁它们。但在XHTML中这是不正当的。XHTML要求有严谨的结构，所有标签必需封锁。如不美观是零丁不核对的标签，在标签最后加一个”/”来封锁它。例如:

“–”只能发生在XHTML注释的开首和竣事，也就是说，在内容中它们不再有用。例如下面的代码是无效的:

<!–这里是注释———–这里是注释–>

为什么要写两次呢？现实上一般情形下用外联法挪用(就是第一句)就足够了。我这里使用双表挪用只是一种示例。其中的”@import”呼吁用于输入样式表。而”@import”呼吁在netscape 4.0版本浏览器是无效的。也就是说，当你但愿某些效不美观在netscape 4.0浏览器中潜匿，在4.0以上或其它浏览器中又显示的时辰，你可以采用”@import”呼吁体例挪悠揭捉

文章来源：攀枝花惠康网络公司

惠康网络，是一家专业从事攀枝花网站建设，攀枝花网站制作，攀枝花网站设计公司，提供网站建设一条龙服务（网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广），惠康网络立足攀枝花，辐射全中国，攀枝花惠康网络的客户已经遍布国内各地大中小城市，我们高效优质的网站建设服务深受用户好评。