文档介绍：WEB前端开发参考手册
WEB 标准
XHTML、CSS介绍
XHTML书写规范
XHTML结构
标签规范
XHTML常用标签介绍
CSS书写规范
表命名参考
类/ID命名规范
样式调用
样式简写
CSS常用属性介绍
图片规范
注释规范
浏览器兼容
WEB 标准
WEB 标准不是一个标准,而是一系列标准的集合。网页主要由三部分组成:结构、表现和行为。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括 CSS,行为标准主要包括对象模型(如 W3C DOM)、ECMAScript 等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(puter Manufacturers Association)的 ECMAScript 标准。
二、实现WEB标准
XHTML、CSS介绍
可扩展超文本置标语言(eXtensible HyperText Markup Language,XHTML),是一种置标语言,表现方式与超文本置标语言(HTML)类似,不过语法上更加严格。从继承关系上讲,HTML是一种基于标准通用置标语言(SGML)的应用,是一种非常灵活的置标语言,而XHTML则基于可扩展置标语言(XML),XML是SGML的一个子集。XHTML 。
级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。
XHTML书写规范
XHTML结构
文档分为head 和body两个部分。
html文档中在head关标签后面一定会跟着body的开标签。html的开标签下面一定跟着head的开标签,body的关标签下面一定是html的关标签,这中间都是不能插入任何东西的。head和body在一个html中有且仅有一个。
在head里面放置的内容是不会再页面里显示的。在页面中显示的内容放在body里。
如下:
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<html xmlns="9/xhtml">
<head>
样式地址、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/" alt="图片描述"/>
<input type="button" value="按钮"/> ;
像这样的单标签,是不可能再嵌套任何内容的。而我们把斜线(/)放在标签的后尖括号前面,表示标签结束。这点跟成对标签有很大区别。
所有标签必须合理嵌套
正确的嵌套
<div>
<span>
<var>1111</var>
</span>
</div>
就像一个一个大盒子套了一个小盒子又套了一个小盒子,当然还可以继续嵌套,看起来十分对称。
不正确的嵌套
<div>
<span>
<var>1111</var>
</div>
</span>
这里的标签是不对称的。你没法一层一层的拆开盒子,这就是错误的。
XHTML常用标签介绍
1、div标签:块元素。可