HTML,XML,JS,AJAX学习笔记

1HTML,XML,JS,AJAX学习笔记ByDragon1、HTML标签集：(1)注释标签!----(2)规范标签!DOCTYPE【解释】声明用在文档的最前面，处于html标签前，可以告知浏览器使用哪种HTML或者XHTML规范。具体来讲，HTML和XHTML有三种类型：严格版本(strict)、过渡版本(transitional)和基于框架的HTML文档（frameset）。若需要干净的标记，免于表现层的混乱，可使用strict类型；若读者使用了不支持层叠样式表（CSS）的浏览器以至于不得不使用HTML的呈现特性是，使用transitional类型。而frameset被用于带有框架的文档。（3）锚标签a/a【解释】两种用法：通过使用href属性，创建指向另外一个文档的链接（或超链接）。链接类型：文本：（注意这地方要标明协议）图片：内部锚：(其中top是锚的name)通过使用name或id属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）【其他重要属性】name-----定义锚的名称target----规定在何处打开链接的网页（_blank:表示在一个新的窗口中打开；_self:a的默认目标，即在相同的框架或者窗口中打开；_parent:是文档在父目标窗口中打开（若自身是顶窗口，则与_self等效）；_top:将会清除所有被包含的框架并将文档载入整个浏览器窗口）charset----规定目标URL的字符编码(UTF-8gb2312)(4)缩写标签abbr/abbr或者acronym/acronym(5)地址标签:address/address（里面的所有文字将会变成斜体）（6）小应用程序标签applet/applet--------------------------逐渐被Object标签取代【两个重要属性】code----定义Javaapplet的文件路径(URL)object----定义资源的名称(7)文本效果标签------------------------建议利用样式表实现2tt/tt呈现类似打字机或者等宽的文本效果i/i显示斜体文本效果b/b呈现粗体文本效果big/big呈现大号字体效果small/small呈现小号字体效果(8)base标签---------用来为所有链接指定默认地址或者默认目标【注意】base标签必须位于head内部。无结束标志。（9）basefont标签--------------用来设置默认字体，如颜色、大小以及字体【注意】base标签之后的所有文本都将设置成默认格式。无结束标志。（10）bdo标签---------------定义文本方向【唯一属性】dir(值为”ltr”或者”rtl”)(11)blockquote/blockquote标签-------------用来定义长引用【解释】中间的文本将会从常规文本中分离出来，并拥有自己的空间。对应的短引用是q/q(浏览器会自动在文本上插入引号)（12）body/body标签：用来定义文档的主体【属性】建议用样式表实现alink-----显示活动链接的颜色background-----规定文档的背景图片bgcolor------文档的背景颜色link----未访问链接的颜色text-----文档中所有文本的颜色vlink-----已被访问过的颜色（13）br---------------换行符（注意无结束符）【注意】当遇到p标签时失效。它只是用来输入空行，而不是用来分段。（14）button标签与input中创建的buttonbutton/button标签内部可以放置内容，如文本、图片等，这是二者之间的区别。【属性】必须为button规定type属性type:规定按钮类型（值有:button,reset和submit）name:value:设置按钮的初始值（15）table/table表格属性：【表格元素】//每个表格由table标签开始。每个表格行由tr标签开始。每个表格数据由td标签开始tr-----定义表格表格行th----定义表格表头td----定义表格单元表格相互可以嵌套！【重要属性】border:设置表格边框宽度colspan:设置列跨度rowspan:设置行跨度cellpadding:设置表格单元与其内容之间的空白（设置在table属性内）cellspacing:设置单元格之间的空白background:设置背景图片(表格或者单元皆可)3【相关标签】tbody,thead和tfoottbody标签用于组合表格的主体内容，应该与thead与tfoot一起使用thead标签用于对表格中的表头内容进行分组tfoot标签用于对表格中的表注内容进行分组三者出现有严格的顺序，即thead,tfoot,tbody（16）form/form标签----------------为用户创建HTML表单【重要属性】必需的属性：action---------------规定当提交表单时，向何处发送表单数据action的值为URL，其中可以为相对URL或者绝对URL.可选的属性：accept---------规定通过文件上传的文件类型（值为MIME_type）,只能与inputtype=file配合使用。method----------规定如何发送表单数据（表单数据发送到action属性所规定的页面）。表单数据可以作为URL变量（method=get）或者HTTPpost（method=post）的方式来发送.target---------规定在何处打开actionURL(target=framename表明在指定框架内打开)表单元素事件属性：onchange,onsubmit,onreset,onselect,onblur,onfocusonchange：在元素改变时执行脚本如果采用POST方法，浏览器将会按照下面两步来发送数据。首先，浏览器将与action属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器。在服务器端，一旦POST样式的应用程序开始执行时，就应该从一个标志位置读取参数，而一旦读到参数，在应用程序能够使用这些表单值以前，必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。另一种情况是采用GET方法，这时浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据：浏览器会将数据直接附在表单的actionURL之后。这两者之间用问号进行分隔,表单直接爱你的参数用&连接。一般浏览器通过上述任何一种方法都可以传输表单信息，而有些服务器只接受其中一种方法提供的数据。可以在form标签的method（方法）属性中指明表单处理服务器要用方法来处理数据，使POST还是GET。4onsubmit:在元素提交时执行脚本onreset:在表单重置时执行脚本onselect:在元素被选中是执行脚本onblur:在元素失去焦点时执行脚本onfocus:在元素获得焦点时执行脚本可包含的元素有：input元素（用于搜集用户信息，其中输入字段可以是：文本，复选框，密码，单选按钮，按钮等）【重要属性】type:button(按钮),checkbox(复选框),file,hidden,image,password(密码),radio(单选按钮),reset,submit,text(文本)accept:规定通过文件上传来提交的文件的类型。checked:规定此input元素首次加载时应当被选中。(checkbox)maxlength:规定输入字段中的字符的最大长度.readonly:规定输入字段为只读。（readonly=”readonly”）src:定义以提交按钮形式显示的图像的URL。disable:当input元素被加载时被禁用menu元素：定义一个菜单列表(可以在CSS样式中进行定义)---------------------------àtextarea元素：定义多行的文本输入控件。textarea/textarea属性：cols:规定文本区内的可见宽度。rows:规定文本区内的可见行数.readonly:规定文本只读。fieldset元素：将表单内容的一部分打包，生成一组相关表单的字段。浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D效果，或者甚至可创建一个子表单来处理这些元素。fieldset/fieldset5legend元素：为fieldset定义标题。label元素：为input元素定义标注（标记）。label元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在label元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上，label标签的for属性应当与相关元素的id属性相同。for---------规定label与哪个表单元素绑定（17）dl/dl定义列表dt/dt定义列表中的项目dd/dd定义列表中定义条目的部分（18）del/del定义文档中被删除的文本（19）dir/dir定义目录列表（20）div/div标签------------定义文档中的分区或者节，可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。【注意】可以对同一个div元素应用class或id属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的唯一的元素。（21）frame/frame定义框架标签frameset/frameset定义框架集，里面包含frame标签（22）hr在页面中画一条水平线，建议在样式中实现（23）img用来在网页中嵌入一张图片【主要属性】alt----------规定图像的替代文本src---------规定显示图像的URL（24）link---------------定义文档与外部资源的关系，常见的用途是链接样式表【主要属性】type--------------规定被链接文档的MIME类型，最常见的是text/css。rev------------------规定被链接文档与当前文档之间的关系6rel---------------规定当前文档与被链接文档之间的关系(25)map--------------定义一个带有点击区域的图像映射（26）meta--------定义有关页面的信息（27）object/object-------------定义一个嵌入的对象（如音频，视频，javaapplet,pdf,flash等）(28)style/style------------------定义样式信息（应该位于head内部）type:只能是text/css还需要学习的有：XHTML,CSS72.XMLbook.xml:（1）与HTML的主要差异：HTML被设计用来显示数据。XML被设计用来传输和存储数据8（2）XML语法，元素，属性等，另外还有XMLCSS，XMLXSLT等。（3）XMLDOMDOM----------定义了所有文档元素的对象和属性，以及访问它们的方法（接口）XMLDOM定义了所有XML元素的对象和属性，以及访问它们的方法（接口），用于获取、更改、添加或删除XML元素的标准。（4）XML的用途：1）把数据从HTML中进行分离；2）简化数据共享，它提供了一种独立于软硬件的数据存储方法；3）简化平台的变更；4）用于创建新的Internet语言（如XHTML,WSDL,WAP,W