浅谈web开发基础[精]
上一篇 / 下一篇 2011-08-14 16:57:35 / 精华(3) / 个人分类:web基础
9k1W
h!oO KHbn0鉴于现在的网页设计,一般采用内容与表现相分离,即网页的组成包含:内容HTML+ 样式CSS + 脚本JS(客户端) + 服务器端开发语言PHP/ASP/JSP。本文将主要涉及到HTML、XML、CSS、JavaScript、AJAX、PHP/ASP/JSP的一些基础知识。
51Testing软件测试网i*p6k*Ih"@(e+T
浏览器解析原理
0Ro)R+a w$c3tz'I&IRR0服务器接收到HTML->解析HTML结构建DOM树->解析CSS构建渲染树->为渲染树生成布局->绘制渲染树;在构建DOM树的同时,如果有JS,同时调用JS引擎解析。
]G,L;Sx)I3|&`0HTML文件,在html文件的开头处一般会包含文档类型。常用过渡类型,支持html4.0的标签。其他文档类型有严格类型(Strict)和框架(Frameset)。51Testing软件测试网Rz?
Y+W:O o
一个HTML文件,包含head和body两部分。外部文件(css和js)的引用、定义,以及网页的title,都是在head里定义的。Body部分,则是网页展示的内容。51Testing软件测试网Ph9[S8zU7^ \#T
HTML文件的Head部分,包含文档编码、CSS和JS的定义或引用:
&v(g
T,j
y0文档编码,html引用文件(如CSS)的编码必须和本文档编码一致,否则可能出现乱码。51Testing软件测试网,D#]
i!N7d;DD!L
Z9\ R)}D051Testing软件测试网0Wi ha%i8t
一、HTML:HyperText Marking Langusge,超文本标记语言51Testing软件测试网8n!fb*yv/W
HTML是被设计用来显示数据的,重点是:显示数据以及如何显示数据更好上面。还记得刚学习网页制作时,接触得最多的便是HTML;时至今日,对静态网页的制作其依然不过时。51Testing软件测试网&a nj?
KD*e)ePrq
HTML对标签的大小写不敏感,但是XHTML规范中,标签要求必须小写。
Ll`&^9u |A0HTML元素是通过使用 HTML 标签进行定义的,所有的标签定义在内,HTMl标签在页面中必须是结束的,如果标签没有闭合,造成的后果就是页面样式错乱。
IU`c5r_0HTML文档的body,是用户在浏览器中可见的部分。
$T8x*x2DF'zLs0一般的网站整体可以分为上中下结构,即:头部、中间主体、底部。那么我们在body中可以用三个div块来划分,分别给它们起名为:头部(header)、主体(maincontent)、询问(footer)。51Testing软件测试网YEK4]^/FA
对比表格布局,用div+css布局构建的网页以够简化代码,加快显示速度。
+Y@'gN&A4x&\9`0
,}#UJ(XYH$v0|q0
二、XML:eXtensible Marking Langusge,可扩展的标记语言
XML是被设计用来描述数据的,重点是:什么是数据,如何存放数据。
j%F^*e` T:{4T:bd,ZG*yi0XML只是用来组织、存储和发送信息的,但事实上XML确实什么都不做。
下面的例子是Ordm给Lin的便条,使用的是XML格式:<note>
<to>Lin</to>
<from>Ordm</from>
<from>Ordm</from>
X/`5q
r2xuk#]0 <heading>Reminder</heading>51Testing软件测试网t2h7fO#C8Wy
<body>Don't forget me this weekend!</body>
o,Go
o!]2U0</note>
H%f`wi/s7HY$}0这个便条有信息头,又信息主体,还包括发送人和接收人。尽管如此,这个XML文档仍然什么都不做,他只是用XML标记存储信息的文件。有人已经编写出来发送和接收并且显示这种格式信息的软件。
XML是自由的、可以扩展的。
5}X(Y
h6h0^0XML标记并不是预先规定好的,你必须创造你自己的标记。在HTML文档中必须使用规则中定义好的标记。比如:<P><br><a></a>等等。XML允许你定义自己的标记以及文档结构。比如在上面例子中的"<to>"、"<from>"标记都不是在XML规范中事先定义好的。这些标记都是XML文档的作者“创造”出来的。
XML是HTML的补充。
5P%Y3PpiR0XML并不是HTML的替代品,理解这一点非常重要。在将来的网页开发中,XML将被用来描述、存储数据,而HTML则是用来格式化和显示数据的。对于XML最好的形容可能是:XML是一种跨平台的,与软、硬件无关的,处理信息的工具。
XML将成为最普遍的数据操纵和数据传输的工具。51Testing软件测试网Y)h"Sj:Y,j
XML在未来Web开发中的应用无处不在。XML发展的非常迅速,这实在令人感到惊奇,有很多的软件开发商都采用了XML标准。我们相信,在未来的Web开发中,XML将和HTML一样受到重视,他们都是Web技术的基础。
三、CSS:Cascading Style. Sheet,层叠样式表