XTHML1Ajax中使用的技术概述1.JavaScriptJavaScript是一种面向过程的客户端脚本语言,主要目的是解决服务器端语言(比如Perl)遗留的速度问题,为客户提供更流畅的浏览效果。2.XMLHttpRequestXMLHttpRequest是Ajax技术体系中最为核心的技术。3.XMLXML(eXtensibleMarkupLanguage)即可扩展标记语言,与HTML一样,也是SGML(StandardGeneralizedMarkupLanguage,标准通用标记语言)。XML是Internet环境中跨平台的依赖于内容的技术,是当前处理结构化文档信息的有力工具。4.DOMDOM是DocumentObjectModel文档对象模型的缩写。根据W3CDOM规范(),DOM是一种与浏览器、平台、语言无关的接口。5.CSSCSS(CascadingStyleSheets,层叠样式表)主要用于改善页面布局效果,采用CSS+DIV进行网页重构。6.XHTML2概述HTML—hypertextmarkuplanguage普通文本+标记历史悠久,标记比较混乱W3C制定了HTML3.2规范最新规范:xhtml2和html53Html标准HTML(第一版):1993.6,工作草案发布HTML2.0:1995.11HTML3.2:1996.1由W3C发布,第一个广泛标准HTML4.0:1997.12由W3C发布HTML4.01:1999.12由W3C发布,推荐标准XHTML1.0:2000.1由W3C发布,推荐标准4XHTMLHtml自由,宽松eg:bad.html可扩展超文本标记语言Html文档必须是一份xml文档!5Xml四条基本规则1.整个文档有且仅有一个根元素2.每个元素都由开始标签和结束标签组成。除非使用空元素br/3.元素嵌套合理。ab嵌套不合理/a/b4.元素的属性必须要有属性值,属性值应该用引号引起来。6注意!!HTMLheadtitle早期html/title/headbody/body/HTMLxhtml中全部使用小写字母7brhrp段落文字错误!修正为:br/hr/p段落文字/p8divonClick=“alert(‘提示’);”divonclick=“alert(‘提示’);”tableWIDTH=100%tablewidth=“100%”9inputcheckedinputreadonlyinputdisabledoptionselectedframenoresizeinputchecked=“checked”/inputreadonly=“readonly”/inputdisabled=“disabled”/optionselected=“selected”/framenoresize=“noresize”/1011xhtml&dtdxhtml首先必须是一份xml文档xml除了满足基本的文档规则以外,还应该使用dtd——文档类型定义或者用schema定义约束12xhtml1.0三种文档类型xhtml1.0strict——严格的语义约束整个xhtml要使用干净的xhtml标记,避免表现上的混乱,通常与css结合使用13xhtml1.0三种文档类型xhtml1.0transitional传统的xhtml语义约束可以利用html文档表现上的特征,并可以为那些不支持css的浏览器编写xhtml文档较好兼容性,最常用的14xhtml1.0三种文档类型xhtml1.0frameset——框架集xhtml语义约束将浏览器划分为2个框架或者更多的时候,使用此dtd语义约束。eg.参看frame文件,dtd文件15验证器基本标签html:根元素,属性xmlnsbody主体部分,属性id,class,style,事件属性:onload,onmousedown……(js脚本)style:引入样式定义17h1h6定义标题一到标题六p定义段落,属性id,class,style,事件属性:onload,onmousedown……(js脚本)18br/插入换行hr/定义水平线,事件属性onload,onclick等(js脚本)!--…--注释19div文档中的节span同div,区别是所定义的节默认不换行20区别eg.basic.html21文本格式化标签b粗体文本i斜体文本em强调文本(效果跟斜体相似)big大号字体文本22strong粗体文本跟b相似small小号字体sup上标文本sub下标文本23bdo文本显示方向。dir属性,属性值:ltr,rtleg.text.html24超级链接和锚点a/ahref关联资源target:装载资源方式_self自身_blank新窗口_top顶层框架_parent父框架eg。href-anchor.html25列表相关标签ul无序列表,只能包含li子元素ol有序列表,只能包含li子元素,在xhtml1.0transitional语义,还可以包含2个属性:start:列表起始数字,默认第一个,如1,Atype:编号类型,1数字,a,A字母,I,i罗马数字26li列表项目,可以包含div类似子元素dl包含dt,dd子元素dt定义标题列表项dd定义普通列表项eg.list.html27img例子:href-img.html28表格相关标签simpleTable.htmltableSpan.htmltableWithBody.html29xhtml表单标签form…/属性action表单提交地址(绝对和相对)method请求类型get,postenctype表单编码字符集3031form…/属性name唯一名称,建议与id属性一致target打开url方式32四种方式_blank在新浏览器窗口中打开链接文件_parent将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象_self参数一样。_self在同一框架或窗口中打开所链接的文档。此参数为默认值,通常不用指定。_top在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架33inputtype属性单行文本框text密码输入框password隐藏框hidden单选框radio34inputtype属性复选框checkbox图像域image文件上传域Fileeg。getform-getForm.html35optionoption.html36