Web前端开发参考手册.docx
《Web前端开发参考手册.docx》由会员分享,可在线阅读,更多相关《Web前端开发参考手册.docx(17页珍藏版)》请在冰豆网上搜索。
Web前端开发参考手册
Web前端开发参考手册
WEB前端开发参考手册
概况
一(
1.1WEB标准
实现WEB标准二(
2.1XHTML、CSS介绍2.2XHTML书写规范
2.2.1XHTML结构
2.2.2标签规范
2.3XHTML常用标签介绍2.4CSS书写规范
2.4.1表命名参考
2.4.2类/ID命名规范
2.4.3样式调用
2.4.4样式简写
2.5CSS常用属性介绍
2.6图片规范
2.7注释规范
2.8浏览器兼容
一(概况
1.1WEB标准
WEB标准不是一个标准,而是一系列标准的集合。
网页主要由三部分组成:
结构、表现和行为。
对应的标准也分三方面:
结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3CDOM)、ECMAScript等。
这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(EuropeanComputerManufacturers
Association)的ECMAScript标准。
二、实现WEB标准
2.1XHTML、CSS介绍
可扩展超文本置标语言(eXtensibleHyperTextMarkupLanguage,XHTML),是一种置标语言,表现方式与超文本置标语言(HTML)类似,不过语法上更加严格。
从继承关系上讲,HTML是一种基于标准通用置标语言(SGML)的应用,是一种非常灵活的置标语言,而XHTML则基于可扩展置标语言(XML),XML是SGML的一个子集。
XHTML1.0在2000年1月26日成为W3C的推荐标准。
级联样式表(CascadingStyleSheet)简称“CSS”,通常又称为“风格样式表(StyleSheet)”,它是用来进行网页风格设计的。
比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。
通过设立样式表,可以统一地控制HTML中各标志的显示属性。
级联样式表可以使人更能有效地控制网页外观。
使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。
2.2XHTML书写规范
2.2.1XHTML结构
文档分为head和body两个部分。
html文档中在head关标签后面一定会跟着body的开标签。
html的开标签下面一定跟着head的开标签,body的关标签下面一定是html的关标签,这中间都是不能插入任何东西的。
head和body在一个html中有且仅有一个。
在head里面放置的内容是不会再页面里显示的。
在页面中显示的内容放在body里。
如下:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
";>
样式地址、JS地址、样式等
浏览器能看到的内容部分