Web前端开发参考手册.docVIP

WEB前端开发参考手册 一．概况 1.1 WEB 标准 二．实现WEB标准 2.1 XHTML、CSS介绍 2.2 XHTML书写规范 2.2.1 XHTML结构 2.2.2 标签规范 2.3 XHTML常用标签介绍 2.4 CSS书写规范 2.4.1 表命名参考 2.4.2 类/ID命名规范 2.4.3 样式调用 2.4.4 样式简写 2.5 CSS常用属性介绍 2.6 图片规范 2.7 注释规范 2.8 浏览器兼容 一．概况 1.1 WEB 标准 WEB 标准不是一个标准，而是一系列标准的集合。网页主要由三部分组成：结构、表现和行为。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括 CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript 等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的 ECMAScript 标准。 二、实现WEB标准 2.1 XHTML、CSS介绍 可扩展超文本置标语言（eXtensible HyperText Markup Language，XHTML），是一种置标语言，表现方式与超文本置标语言（HTML）类似，不过语法上更加严格。从继承关系上讲，HTML是一种基于标准通用置标语言（SGML）的应用，是一种非常灵活的置标语言，而XHTML则基于可扩展置标语言（XML），XML是SGML的一个子集。XHTML 1.0在2000年1月26日成为W3C的推荐标准。级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。 2.2 文档分为head 和body两个部分。html文档中在head关标签后面一定会跟着body的开标签。html的开标签下面一定跟着head的开标签，body的关标签下面一定是html的关标签，这中间都是不能插入任何东西的。head和body在一个html中有且仅有一个。在head里面放置的内容是不会再页面里显示的。在页面中显示的内容放在body里如下：!DOCTYPEhtml PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlhead 样式地址、JS地址、样式等 /head body 浏览器能看到的内容部分 /body/html 标签可以分为成对标签，或者是单标签。成对标签比如 div span ol ul li select option table tr th td dl dt dd em var span等等，而单标签就比较少了 比如 input img br iframe 等。完整的成对标签如下：div这是一个快标签/div 或者ol li列表项一/li li列表项二/li li列表项三/li /ol；可以看到每一个标签都有开标前和关标签组成，内容放在开和关标签之间。而单标签的标签应该这么写：br/ img src=images/1.gif alt=图片描述/ input type=button value=按钮/ ; 像这样的单标签，是不可能再嵌套任何内容的。而我们把斜线(/）放在标签的后尖括号前面，表示标签结束。这点跟成对标签有很大区别。所有标签必须合理嵌套正确的嵌套div span var1111/var /span /div 就像一个一个大盒子套了一个小盒子 又套了一个小盒子，当然还可以继续嵌套，看起来十分对称。不正确的嵌套 div span var1111/var /div /span 这里的标签是不对称的。你没法一层一层的拆开盒子，这就是错误的。2.3 XHTML常用标签介绍 1、div标签：块元素。可以将文档分为不同的部分。可以使用class和id属性进一步控制页面表现。div是css布局中使用最多的元素。 2、p标签：块元素，表示一个文本段落，一般用于换行。 3、标题标签：块元素，用来定义文本中的各种标题。从h1至h6有着严格的层级关系。并且每个XHTML上h1元素有且只能使用一次。其中包括一系列的元素：h1，h2，h3，h4