Web前端开发参考手册
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）、
EQIAScript等。这些标准大部分山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 XHTML书写规范
2. 2. 1 XHTML 结构
文档分为head和body两个部分。
html文档中在head关标签后面一定会跟着body的开标签。html的开标签下 面一定跟着head的开标签，body的关标签下面一定是html的关标签，这中间都 是不能插入任何东西的。head和body在一个html中有且仅有一个。
在head里面放置的内容是不会再页面里显示的。在页面中显示的内容放在 body 里。
如下：
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1. 0 Transitional/ZEN"
\>
<html    <head>
样式地址、JS地址、样式等
</head>
<body>
浏览器能看到的内容部分web标准有哪三大部分
</body>
</html>
2. 2. 2标签规范
标签可以分为成对标签，或者是单标签。
成对标签比如 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>
<var>llll</var>
</span>
</div>
就像一个一个大盒子套了一个小盒子乂套了一个小盒子，当然还可以继续嵌 套，看起来十分对称。
不正确的嵌套
<div>
<span>
<var>llll</var>
</div>
</span>
这里的标签是不对称的。你没法一层一层的拆开盒子，这就是错误的。
2.3 XHTML常用标签介绍
1、    div标签:块元素。可以将文档分为不同的部分。可以使用class和id属性 进一步控制页
面表现。div是css布局中使用最多的元素。
2、    p标签:块元素，表示一个文本段落，一般用于换行。
3、    标题标签:块元素，用来定义文本中的各种标题。从hl至h6有着严格的层 级关系。并且每个XHTML上hl元素有且只能使用一次。其中包括一系列的元
素:hl, h2, h3, h4 , h5, h6,其中每个元素都对应有默认的字体样式其代码如下:
<hl>text</hl>
<h2>text</h2>
<h3>text</h3>
<h4>text</h4>
<h5>text</ho>
<h6>text</h6>
4、    ul和li标签:块元素，无序列表，详见：
5、    和li标签:块元素，有序列表，详见：
6、    dl、dt、dd标签:块元素，常用于生成类表格别表，dt、dd位于dl内部。 详见：
7、    strong标签：内联元素，使文本以粗体显示。
8、    &标签：内联元素，用于超链接（herf属性）和设置内部文档书签（ID或Name 属性）。
9、    em标签：内联元素，显示效果为文本斜体。
10、    span标签：内联元素，用来区分文本中的一个部分。
11、    br标签:使文本换行。
12、    img标签：内联元素，用来插入图像文件，当使用img元素时候，其alt属 性必须加上，属性内容将在图片不能加载的时候显示。
13、    label标签:触发鼠标事件，当鼠标事件作用于该元素时，也作用于相对应 的input标签。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。